/*


    Template Name: Benco - Furniture Bootstrap 5 HTML Template


    Description: This is html5 template


    Version: 1.0





*/


/*================================================


[  Table of contents  ]


================================================


01. General


02. Page section margin padding 


03. Section title 1


04. Section title 2


05. button


06. button small


07. share button


08. Text color


09. Input


10. Extra class


11. Tool tip


12. loading


13. Box Layout


14. Back to top


15. Basic margin padding


 


======================================


[ End table content ]


======================================*/





/*************************


    General


*************************/


@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');


body {


    font-family: Droid Serif;


    font-weight: 400;


    font-style: normal;


    font-size: 14px;


	color:#303030;


}


.img{


    max-width: 100%;


    -webkit-transition: all 0.3s ease-out 0s;


    transition: all 0.3s ease-out 0s;


}


a,


.btn {


    -webkit-transition: all 0.3s ease-out 0s;


    transition: all 0.3s ease-out 0s;


}


.btn {


    border-radius: 0px;


    font-size: 14px;


    padding: 0px 15px;


    height: 30px;


    line-height: 30px;


}


a:focus,


.btn:focus {


    text-decoration: none;


    outline: none;


}


a:hover {


  color: #92b558;


  text-decoration: none;


}


a:focus {


  color: #333;


  text-decoration: none;


}


a,


button,


input {


    outline: medium none;


    color: #303030;


}


.uppercase { 


    text-transform: uppercase


}


.capitalize { 


    text-transform: capitalize


}





h1 a,


h2 a,


h3 a,


h4 a,


h5 a,


h6 a { 


    color: inherit 


}


h1 {


    font-size: 46px;


    font-weight: 500;


}


h2 {


    font-size: 37px;


}


h3 {


    font-size: 28px;


}


h4 {


    font-size: 22px;


}


h5 {


    font-size: 18px;


}


h6 {


    font-size: 16px;


}


ul {


    margin: 0px;


    padding: 0px;


}


li { list-style: none }





p {


  color: #303030;


  font-family: droidserifregular;


  font-size: 14px;


  font-weight: normal;


  line-height: 26px;


  margin-bottom: 15px;


}





hr{


    margin: 60px 0;


    padding: 0px;


    border-bottom: 1px solid #eceff8;


    border-top: 0px;


}


hr.style-2{


    border-bottom: 1px dashed #f10;


}


hr.mp-0 {


    margin: 0;


    border-bottom: 1px solid #eceff8;


}


hr.mtb-40 {


    margin: 40px 0;


    border-bottom: 1px solid #eceff8;


    border-top: 0px;


}


label {


    font-size: 15px;


    font-weight: 400;


    color: #303030;


}


*::-moz-selection {


    background: #4fc1f0;


    color: #fff;


    text-shadow: none;


}


::-moz-selection {


    background: #4fc1f0;


    color: #fff;


    text-shadow: none;


}


::selection {


    background: #4fc1f0;


    color: #fff;


    text-shadow: none;


}


.mark, mark {


    background: #4fc1f0 none repeat scroll 0 0;


    color: #ffffff;


}


span.tooltip-content {


  color: #00a9da;


  cursor: help;


  font-weight: 600;


}


.f-left {


    float: left


}


.f-right {


    float: right


}


.fix {


    overflow: hidden


}


.browserupgrade {


    margin: 0.2em 0;


    background: #ccc;


    color: #000;


    padding: 0.2em 0;


}


/***************************


    transtion


****************************/


a.button::after,


a.button-small::after {


    -webkit-transition: all 0.3s ease-out 0s;


    transition: all 0.3s ease-out 0s;


}


.share ul,


.share:hover ul {


    transition: all 0.4s ease-in-out;


    -webkit-transition: all 0.4s ease-in-out;


    -ms-transition: all 0.4s ease-in-out;


    -moz-transition: all 0.4s ease-in-out;


    -o-transition: all 0.4s ease-in-out;


}


a.button-border span,


a.button-border-white span,


input,


select,


textarea {


    -webkit-transition: all 0.5s ease-out 0s;


    transition: all 0.5s ease-out 0s;


}





/*************************


    Section title 1


***********************/


.section-title{}


.section-title h3 {


  font-size: 36px;


  margin-bottom: 20px;


}


.section-title.text-white h3 {


  color: #ffffff;


}


.contact-form-inner .col input:focus {


  -webkit-box-shadow: none;


  box-shadow: none;


}








/*************************


         button


*************************/


.button {


  background-color: rgba(0, 0, 0, 0);


  border: 1px solid #9c9c9c;


  border-radius: 0px;


  -webkit-box-shadow: none;


  box-shadow: none;


  color: #555;


  cursor: pointer;


  display: inline-block;


  font-size: 12px;


  font-weight: 700;


  letter-spacing: 0.4px;


  overflow: hidden;


  padding: 12px 30px;


  position: relative;


  text-transform: uppercase;


}


.button:hover{border:1px solid #fff;color:#fff}


.button.border-white{border-color:#fff;}


.button.theme-bg {


  border-color: #4a90e2;


}


.button.button-white {


    border: 0 none;


    border-radius: 3px;


    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;


    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;


    cursor: pointer;


    display: inline-block;


    margin-right: 10px;


    overflow: hidden;


    padding: 0;


    position: relative;


    background-color: #fff;


    color: #4FC1F0;


    font-size: 15px;


}


.button.button-white i {


    background: rgba(0, 0, 0, 0.09);


    display: block;


    float: left;


    padding: 14px;


    font-size: 16px;


    color: #4FC1F0;


    font-weight: normal;


    width: 50px;


    text-align: center;


}


.button.button-white span {


    display: block;


    float: left;


    position: relative;


    z-index: 2;


    padding: 11px 20px;


    font-size: 15px;


    color: #4FC1F0;


    font-weight: normal;


}


.button.button-grey {


    border: 0 none;


    border-radius: 3px;


    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;


    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;


    cursor: pointer;


    display: inline-block;


    margin-right: 10px;


    overflow: hidden;


    padding: 0;


    position: relative;


    background-color: #eceff7;


    color: #4FC1F0;


    font-size: 15px;


}


.button.button-grey i {


    background: rgba(0, 0, 0, 0.09);


    display: block;


    float: left;


    padding: 14px;


    font-size: 16px;


    color: #4FC1F0;


    font-weight: normal;


    width: 50px;


    text-align: center;


}


.button.button-grey span {


    display: block;


    float: left;


    position: relative;


    z-index: 2;


    padding: 11px 20px;


    font-size: 15px;


    color: #4FC1F0;


    font-weight: normal;


}


.button.button-black {


    border: 0 none;


    border-radius: 3px;


    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;


    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;


    cursor: pointer;


    display: inline-block;


    margin-right: 10px;


    overflow: hidden;


    padding: 0;


    position: relative;


    background-color: #444444;


    color: #4FC1F0;


    font-size: 15px;


}


.button.button-black i {


    background: rgba(0, 0, 0, 0.3);


    display: block;


    float: left;


    padding: 14px;


    font-size: 16px;


    color: #fff;


    font-weight: normal;


    width: 50px;


    text-align: center;


}


.button.button-black span {


    display: block;


    float: left;


    position: relative;


    z-index: 2;


    padding: 11px 20px;


    font-size: 15px;


    color: #fff;


    font-weight: normal;


}


.button-border span {


    border: 0 none;


    border-radius: 3px;


    cursor: pointer;


    display: inline-block;


    padding: 11px 20px;


    margin-right: 10px;


    overflow: hidden;


    position: relative;


    background-color: transparent;


    color: #4FC1F0;


    font-size: 15px;


    border: 1px solid #4FC1F0;


}


.button-border span:hover {


    -webkit-box-shadow: -200px 0 0 #4FC1F0 inset;


    box-shadow: -200px 0 0 #4FC1F0 inset;


    color: #fff;


    border-color: #4FC1F0;


}


.button-border-white span {


    border: 0 none;


    border-radius: 3px;


    cursor: pointer;


    display: inline-block;


    padding: 11px 20px;


    margin-right: 10px;


    overflow: hidden;


    position: relative;


    background-color: transparent;


    color: #fff;


    font-size: 15px;


    border: 1px solid #fff;


}


.button-border-white span:hover {


    -webkit-box-shadow: -200px 0 0 #fff inset;


    box-shadow: -200px 0 0 #fff inset;


    color: #4FC1F0;


    border-color: #fff;


}








/*************************


        button small


*************************/


.button-small {


    border: 0 none;


    border-radius: 3px;


    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;


    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;


    cursor: pointer;


    display: inline-block;


    margin-right: 10px;


    overflow: hidden;


    padding: 0;


    position: relative;


    background-color: #4FC1F0;


    color: #fff;


    font-size: 15px;


}


.button-small i {


    background: rgba(0, 0, 0, 0.09);


    display: block;


    float: left;


    padding: 10px;


    font-size: 13px;


    color: #fff;


    font-weight: normal;


    width: 40px;


    text-align: center;


}


.button-small span {


    display: block;


    float: left;


    position: relative;


    z-index: 2;


    padding: 8px 10px;


    font-size: 13px;


    color: #fff;


    font-weight: normal;


}


.button-small:after {


    background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0;


    content: "";


    height: 100%;


    right: 0;


    position: absolute;


    top: 0;


    width: 0;


    z-index: 1;


}


a.button-small:hover::after { width: 100% }





/*************************


        buttons variation


*************************/


.button.large {margin-right: 0px; }


.button.large span { padding: 16px 80px; font-size: 18px;  }


.button.large i { padding: 20px; width: 60px; font-size: 18px; }


.button.medium span { padding: 14px 60px; font-size: 16px; }


.button.medium i { padding: 17px; width: 50px; font-size: 16px; }


.button.small span { padding: 12px 40px; }


.button.small i { padding: 14px; width: 45px; }


.button.small span { padding: 12px 40px; }


.button.small i { padding: 15px; width: 45px; }


.button.extra-small span { padding: 8px 20px; font-size: 13px; }


.button.extra-small i { padding: 11px; width: 38px; font-size: 13px; }





/*************************


       social-icon


*************************/


.social-icon ul { margin: 0; padding: 0; }


.social-icon ul li { display: inline-block; list-style: none; }


.social-icon ul li a { display: block; margin: 3px; width: 50px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #4FC1F0; text-align: center; border-radius: 50%; }


.social-icon ul li a:hover { background: #EB3B60; }





.social-icon.socile-icon-style-2 ul li a { color: #fff; background: #323232; border-radius: 0;}


.social-icon.socile-icon-style-2 ul li a:hover { background: #EB3B60;  }





.social-icon.socile-icon-style-3 ul li a { color: #fff; background: transparent; border:1px solid #fff; }


.social-icon.socile-icon-style-3 ul li a:hover { background: #EB3B60; border-color:#EB3B60; }








/*************************


        Text color


*************************/


.text-blue { color: #4FC1F0; }


.text-white { color: #fff ;}


.text-black { color: #363636; }


.text-theme { color: #f10; }


.text-theme {


  color: #4a90e2;


}





.text-white h1, .text-white p, .text-white h2{ color: #fff; }


/*************************


        Input


*************************/


input {

    background: #eceff8;

    border: 2px solid #eceff8;

    height: 15px;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding-left: 10px;

    font-size: 14px;

    color: #626262;

}


select {


    width: 100%;


    background: #eceff8;


    border: 2px solid #eceff8;


    height: 45px;


    padding-left: 10px;


    -webkit-box-shadow: none;


    box-shadow: none;


    font-size: 14px;


    color: #626262;


}


option {


    background: #fff;


    border: 0px solid #626262;


    padding-left: 10px;


    font-size: 14px;


}


input:focus {


    background: transparent;


    border: 2px solid #4FC1F0;


}


textarea {


    resize: vertical;


    background: #eceff8;


    border: 2px solid #eceff8;


    padding: 10px;


    width: 100%;


    font-size: 14px;


}


textarea:focus {


    background: transparent;


    border: 2px solid #4FC1F0;


    outline: none;


}


.input-group.divcenter.input-group .form-control { padding-left: 0px }


/*************************


        back-to-top


*************************/


#back-to-top .top {


    z-index: 999;


    position: fixed;


    margin: 0px;


    color: #fff;


    -webkit-transition: all .5s ease-in-out;


    transition: all .5s ease-in-out;


    position: fixed;


    bottom: 105px;


    right: 15px;


    border-radius: 3px;


    z-index: 999;


    background: transparent;


    font-size: 14px;


    background: #4FC1F0;


    width: 40px;


    height: 40px;


    text-align: center;


    line-height: 38px;


}


#back-to-top .top:hover {


    color: #fff;


    height: 50px;


}


#back-to-top .top { background: #007da1; }


/*************************


  Basic margin padding


*************************/


.m-0 {


    margin-top: 0;


    margin-right: 0;


    margin-bottom: 0;


    margin-left: 0;


}


.p-0 {


    padding-top: 0;


    padding-right: 0;


    padding-bottom: 0;


    padding-left: 0;


}


/*************************


         Margin top


*************************/


.mt-0 { margin-top: 0 }


.mt-10 { margin-top: 10px }


.mt-12 { margin-top: 12px }


.mt-15 { margin-top: 15px }


.mt-20 { margin-top: 20px }


.mt-30 { margin-top: 30px }


.mt-35 { margin-top: 35px }


.mt-37 { margin-top: 37px }


.mt-40 { margin-top: 40px }


.mt-50 { margin-top: 50px }


.mt-55 { margin-top: 55px }


.mt-60 { margin-top: 60px }


.mt-70 { margin-top: 70px }


.mt-80 { margin-top: 80px }


.mt-90 { margin-top: 90px }


.mt-100 { margin-top: 100px }


.mt-110 { margin-top: 110px }


.mt-120 { margin-top: 120px }


.mt-130 { margin-top: 130px }


.mt-140 { margin-top: 140px }


.mt-160 { margin-top: 160px }


.mt-179 { margin-top: 179px }


.mt-150 { margin-top: 150px }


/*************************


      Margin right


*************************/


.mr-0 { margin-right: 0px }


.mr-10 { margin-right: 10px }


.mr-12 { margin-right: 12px }


.mr-15 { margin-right: 15px }


.mr-20 { margin-right: 20px }


.mr-30 { margin-right: 30px }


.mr-35 { margin-right: 35px }


.mr-40 { margin-right: 40px }


.mr-50 { margin-right: 50px }


.mr-60 { margin-right: 60px }


.mr-70 { margin-right: 70px }


.mr-80 { margin-right: 80px }


.mr-90 { margin-right: 90px }


.mr-100 { margin-right: 100px }


.mr-110 { margin-right: 110px }


.mr-120 { margin-right: 120px }


.mr-130 { margin-right: 130px }


.mr-140 { margin-right: 140px }


.mr-150 { margin-right: 150px }


/*************************


      Margin bottom


*************************/


.mb-0 { margin-bottom: 0 }


.mb-10 { margin-bottom: 10px }


.mb-12 { margin-bottom: 12px }


.mb-15 { margin-bottom: 15px }


.mb-20 { margin-bottom: 20px }


.mb-25 { margin-bottom: 25px }


.mb-30 { margin-bottom: 30px }


.mb-35 { margin-bottom: 35px }


.mb-40 { margin-bottom: 40px }


.mb-45 { margin-bottom: 45px }


.mb-50 { margin-bottom: 50px }


.mb-55 { margin-bottom: 55px }


.mb-60 { margin-bottom: 60px }


.mb-65 { margin-bottom: 65px }


.mb-70 { margin-bottom: 70px }


.mb-80 { margin-bottom: 80px }


.mb-90 { margin-bottom: 90px }


.mb-100 { margin-bottom: 100px }


.mb-110 { margin-bottom: 110px }


.mb-120 { margin-bottom: 120px }


.mb-130 { margin-bottom: 130px }


.mb-140 { margin-bottom: 140px }


.mb-150 { margin-bottom: 150px }


/*************************


        Margin left


*************************/


.ml-0 { margin-left: 0 }


.ml-10 { margin-left: 10px }


.ml-12 { margin-left: 12px }


.ml-15 { margin-left: 15px }


.ml-20 { margin-left: 20px }


.ml-30 { margin-left: 30px }


.ml-40 { margin-left: 40px }


.ml-50 { margin-left: 50px }


.ml-60 { margin-left: 60px }


.ml-70 { margin-left: 70px }


.ml-80 { margin-left: 80px }


.ml-90 { margin-left: 90px }


.ml-100 { margin-left: 100px }


.ml-110 { margin-left: 110px }


.ml-120 { margin-left: 120px }


.ml-125 { margin-left: 125px }


.ml-130 { margin-left: 130px }


.ml-140 { margin-left: 140px }


.ml-150 { margin-left: 150px }


/*************************


        Padding top


*************************/


.pt-0 { padding-top: 0 }


.pt-10 { padding-top: 10px }


.pt-15 { padding-top: 15px }


.pt-20 { padding-top: 20px }


.pt-30 { padding-top: 30px }


.pt-37 { padding-top: 37px }


.pt-40 { padding-top: 40px }


.pt-50 { padding-top: 50px }


.pt-55 { padding-top: 55px }


.pt-60 { padding-top: 60px }


.pt-65 { padding-top: 65px }


.pt-70 { padding-top: 70px }


.pt-75 { padding-top: 75px }


.pt-80 { padding-top: 80px }


.pt-85 { padding-top: 85px }


.pt-95 { padding-top: 95px }


.pt-90 { padding-top: 90px }


.pt-97 { padding-top: 97px }


.pt-100 { padding-top: 100px }


.pt-95 { padding-top: 95px }


.pt-105 { padding-top: 105px }


.pt-110 { padding-top: 110px }


.pt-115 { padding-top: 115px }


.pt-120 { padding-top: 120px }


.pt-125 { padding-top: 125px }


.pt-130 { padding-top: 130px }


.pt-135 { padding-top: 135px }


.pt-140 { padding-top: 140px }


.pt-150 { padding-top: 150px }


.pt-155 { padding-top: 155px }


.pt-180 { padding-top: 180px }


.pt-205 { padding-top: 205px }


.pt-365 { padding-top: 365px }


.pt-370 { padding-top: 370px }   


.pt-380 { padding-top: 380px }


/*************************


        Padding right


*************************/


.pr-0 { padding-right: 0 }


.pr-10 { padding-right: 10px }


.pr-15 { padding-right: 15px }


.pr-20 { padding-right: 20px }


.pr-30 { padding-right: 30px }


.pr-40 { padding-right: 40px }


.pr-50 { padding-right: 50px }


.pr-60 { padding-right: 60px }


.pr-70 { padding-right: 70px }


.pr-80 { padding-right: 80px }


.pr-90 { padding-right: 90px }


.pr-100 { padding-right: 100px }


.pr-110 { padding-right: 110px }


.pr-120 { padding-right: 120px }


.pr-130 { padding-right: 130px }


.pr-140 { padding-right: 140px }


.pr-155 { padding-right: 155px }


.pr-155 { padding-right: 155px }


.pr-180 { padding-right: 180px }


.pr-195 { padding-right: 195px }


/*************************


        Padding bottom


*************************/


.pb-0 { padding-bottom: 0 }


.pb-10 { padding-bottom: 10px }


.pb-15 { padding-bottom: 15px }


.pb-20 { padding-bottom: 20px }


.pb-25 { padding-bottom: 25px }


.pb-30 { padding-bottom: 30px }


.pb-35 { padding-bottom: 35px }


.pb-40 { padding-bottom: 40px }


.pb-45 { padding-bottom: 45px }


.pb-50 { padding-bottom: 50px }


.pb-55 { padding-bottom: 55px }


.pb-60 { padding-bottom: 60px }


.pb-65 { padding-bottom: 65px }


.pb-70 { padding-bottom: 70px }


.pb-75 { padding-bottom: 75px }


.pb-80 { padding-bottom: 80px }


.pb-85 { padding-bottom: 85px }


.pb-90 { padding-bottom: 90px }


.pb-95 { padding-bottom: 95px }


.pb-97 { padding-bottom: 97px }


.pb-100 { padding-bottom: 100px }


.pb-105 { padding-bottom: 105px }


.pb-107 { padding-bottom: 107px }


.pb-110 { padding-bottom: 110px }


.pb-115 { padding-bottom: 115px }


.pb-120 { padding-bottom: 120px }


.pb-125 { padding-bottom: 125px }


.pb-130 { padding-bottom: 130px }


.pb-140 { padding-bottom: 140px }


.pb-145 { padding-bottom: 145px }


.pb-150 { padding-bottom: 150px }


.pb-178 { padding-bottom: 178px }


.pb-180 { padding-bottom: 180px }


.pb-280 { padding-bottom: 280px }


.pb-210 { padding-bottom: 210px }


.pb-285 { padding-bottom: 285px }


.pb-290 { padding-bottom: 290px }


/*************************


        Padding left


*************************/


.pl-0 { padding-left: 0 }


.pl-10 { padding-left: 10px }


.pl-15 { padding-left: 15px }


.pl-20 { padding-left: 20px }


.pl-30 { padding-left: 30px }


.pl-40 { padding-left: 40px }


.pl-50 { padding-left: 50px }


.pl-60 { padding-left: 60px }


.pl-70 { padding-left: 70px }


.pl-80 { padding-left: 80px }


.pl-90 { padding-left: 90px }


.pl-100 { padding-left: 100px }


.pl-110 { padding-left: 110px }


.pl-120 { padding-left: 120px }


.pl-125 { padding-left: 125px }


.pl-130 { padding-left: 130px }


.pl-140 { padding-left: 140px }


.pl-150 { padding-left: 150px }


.pl-155 { padding-left: 155px }


.pl-190 { padding-left: 190px }


.pl-195 { padding-left: 195px }








/***************************


    Page section padding 


****************************/


.ptb-0 { padding: 0 }


.ptb-10 { padding: 10px 0 }


.ptb-15 { padding: 15px 0 }


.ptb-20 { padding: 20px 0 }


.ptb-30 { padding: 30px 0 }


.ptb-32 { padding: 32px 0 }


.ptb-40 { padding: 40px 0 }


.ptb-50 { padding: 50px 0 }


.ptb-60 { padding: 60px 0 }


.ptb-70 { padding: 70px 0 }


.ptb-80 { padding: 80px 0 }


.ptb-90 { padding: 90px 0 }


.ptb-100 { padding: 100px 0 }


.ptb-110 { padding: 110px 0 }


.ptb-120 { padding: 120px 0 }


.ptb-130 { padding: 130px 0 }


.ptb-135 { padding: 135px 0 }


.ptb-140 { padding: 140px 0 }


.ptb-150 { padding: 150px 0 }


.ptb-160 { padding: 160px 0 }


.ptb-170 { padding: 170px 0 }


.ptb-177 { padding: 177px 0 }


.ptb-180 { padding: 180px 0 }


.ptb-190 { padding: 190px 0 }


.ptb-200 { padding: 200px 0 }


.ptb-210 { padding: 210px 0 }


.ptb-220 { padding: 220px 0 }


.ptb-250 { padding: 250px 0 }


.ptb-290 { padding: 290px 0 }


.ptb-310 { padding: 310px 0 }





/***************************


    Page section margin 


****************************/


.mtb-0 { margin: 0 }


.mtb-10 { margin: 10px 0 }


.mtb-15 { margin: 15px 0 }


.mtb-20 { margin: 20px 0 }


.mtb-30 { margin: 30px 0 }


.mtb-40 { margin: 40px 0 }


.mtb-50 { margin: 50px 0 }


.mtb-60 { margin: 60px 0 }


.mtb-70 { margin: 70px 0 }


.mtb-80 { margin: 80px 0 }


.mtb-90 { margin: 90px 0 }


.mtb-100 { margin: 100px 0 }


.mtb-110 { margin: 110px 0 }


.mtb-120 { margin: 120px 0 }


.mtb-130 { margin: 130px 0 }


.mtb-140 { margin: 140px 0 }


.mtb-150 { margin: 150px 0; }


.mtb-290 { margin: 290px 0; }





/*************************


        Extra class


*************************/


.pricing .container .row [class*="col-"] { }











/*Custom cloumn*/





.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {


    float: left;


}


.col-1{


    width: 10%;


}


.col-2{


    width: 20%;


}


.col-3{


    width: 30%;


}


.col-4{

    /* width: 40%; */

}


.col-5{


    width: 50%;


}


.col-6{


    width: 60%;


}


.col-7{


    width: 70%;


}


.col-8{


    width: 80%;


}


.col-9{


    width: 90%;


}


.col-10{


    width: 100%;


}


 /*************************************


    Background variation set 


 **************************************/


/*colored background*/


 .white-bg { background: #fff; }


 .black-bg { background: #252525 }


 .theme-bg { background: #f4ecea }


 .gray-bg { background: #f0f1f5; }


 .blue-bg { background: #4FC1F0; }


 .default-bg { background: #50C1F0; }


 .transparent-bg { background: transparent; }





/*Opacity background*/


/* black overlay */


[data-overlay] {


  position: relative;


} 


[data-overlay]::before {


  background: #252525 none repeat scroll 0 0;


  content: "";


  height: 100%;


  left: 0;


  position: absolute;


  top: 0;


  width: 100%;


  z-index: 1;


}


[data-overlay="3"]::before {


  opacity: 0.3;


}


[data-overlay="4"]::before {


  opacity: 0.4;


}


[data-overlay="5"]::before {


  opacity: 0.5;


}


[data-overlay="56"]::before {


  opacity: 0.56;


}


[data-overlay="6"]::before {


  opacity: 0.6;


}


[data-overlay="7"]::before {


  opacity: 0.7;


}


[data-overlay="8"]::before {


  opacity: 0.8;


}


/* white overlay */


[white-overlay] {


  position: relative;


} 


[white-overlay]::before {


  background: #fff none repeat scroll 0 0;


  content: "";


  height: 100%;


  left: 0;


  position: absolute;


  top: 0;


  width: 100%;


  z-index: 1;


}


[white-overlay="3"]::before {


  opacity: 0.3;


}


[white-overlay="4"]::before {


  opacity: 0.4;


}


[white-overlay="5"]::before {


  opacity: 0.3;


}


[white-overlay="6"]::before {


  opacity: 0.6;


}


[white-overlay="7"]::before {


  opacity: 0.8;


}


[white-overlay="9"]::before {


  opacity: 0.9;


}


.z-index{position:relative;z-index:9}





/*image background*/


 .bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10{


    background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0;


 }


 .bg-1 {


  background: url(../../images/bg/1.html);}


 .bg-2 { background: url(../../images/bg/2.html);}


 .bg-3 { background: url(../../images/bg/3.html);}


 .bg-4 { background: url(../../images/bg/4.html);}


 .bg-5 { background: url(../../images/bg/5.html);}


 .bg-6 { background: url(../../images/bg/6.html);}


 .bg-7 { background: url(../../images/bg/7.html);}


 .bg-8 { background: url(../../images/bg/8.html);}


 .bg-9 { background: url(../../images/bg/9.html);}


 .bg-10 { background: url(../../images/bg/10.html);}





.bg-img {


  background-position: center center;


  background-size: cover;


}


  /*pattern background*/


.pattern-bg { background:url(../../images/pattern/pattern-bg.html) repeat; background-position: top right; background-color: rgba(236, 239, 247, 1); }


























/*separator*/


.separator{


    position: relative;


    display: inline-block;


    clear: both;


    background: rgba(0, 0, 0, 0.07) none repeat scroll 0 0;


    bottom: 0;


    height: 1px;


    width: 33%;


}


.separator::before {


  background: #4fc1f0 none repeat scroll 0 0;


  content: "";


  display: block;


  height: 1px;


  position: absolute;


  -webkit-transition: all 0.4s ease 0s;


  transition: all 0.4s ease 0s;


  width: 100px;


}





.section-title:hover .separator::before {


  width: 75%;


}





.separator i {


  background: #ECEFF7 none repeat scroll 0 0;


  color: #4fc1f0;


  display: block;


  font-size: 20px;


  height: 40px;


  line-height: 40px;


  position: absolute;


  text-align: center;


  top: -20px;


  width: 40px;


}


.separator span {


  background: #ffffff none repeat scroll 0 0;


  border: 1px solid #4fc1f0;


  border-radius: 100%;


  display: block;


  height: 10px;


  position: absolute;


  top: -5px;


  width: 10px;


}


.separator i, .separator span {


  left: 0;


  -webkit-transform: none;


  transform: none;


}


.text-center .separator::before, .text-center .separator i, .text-center .separator span  {


  left: 50%;


  -webkit-transform: translateX(-50%);


  transform: translateX(-50%);


}





.text-right .separator::before, .text-right .separator i, .text-right .separator span  {


  left: auto;


  -webkit-transform: none;


  transform: none;


  right: 0;


}





/*tooltip*/


.socile-icon-tooltip [data-tooltip], .socile-icon-tooltip .tooltip {


    cursor: pointer;


    position: relative;


}


.socile-icon-tooltip [data-tooltip]::before, .socile-icon-tooltip [data-tooltip]::after, .socile-icon-tooltip .tooltip::before, .socile-icon-tooltip .tooltip::after {


    opacity: 0;


    pointer-events: none;


    position: absolute;


    -webkit-transform: translate3d(0px, 0px, 0px);


    transform: translate3d(0px, 0px, 0px);


    -webkit-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s;


    transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s;


    transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s;


    transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s;


    visibility: hidden;


}


.socile-icon-tooltip [data-tooltip]:hover::before, .socile-icon-tooltip [data-tooltip]:hover::after, .socile-icon-tooltip [data-tooltip]:focus::before, .socile-icon-tooltip [data-tooltip]:focus::after, .socile-icon-tooltip .tooltip:hover::before, .socile-icon-tooltip .tooltip:hover::after, .socile-icon-tooltip .tooltip:focus::before, .socile-icon-tooltip .tooltip:focus::after {


    opacity: 1;


    visibility: visible;


}


.socile-icon-tooltip .tooltip::before, .socile-icon-tooltip [data-tooltip]::before {


    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;


    border: 6px solid rgba(0, 0, 0, 0);


    content: "";


    z-index: 1001;


}


.socile-icon-tooltip .tooltip::after, .socile-icon-tooltip [data-tooltip]::after {


    background-color: #00a9da;


    border-radius: 3px;


    color: #ffffff;


    content: attr(data-tooltip);


    font-size: 14px;


    line-height: 1.2;


    padding: 8px;


    text-align: center;


    width: 100px;


    z-index: 1000;


}


.socile-icon-tooltip [data-tooltip]::before, .socile-icon-tooltip [data-tooltip]::after, .socile-icon-tooltip .tooltip::before, .socile-icon-tooltip .tooltip::after, .socile-icon-tooltip .tooltip-top::before, .socile-icon-tooltip .tooltip-top::after {


    bottom: 100%;


    left: 50%;


}


.socile-icon-tooltip [data-tooltip]::before, .socile-icon-tooltip .tooltip::before, .socile-icon-tooltip .tooltip-top::before {


    border-top-color: #00a9da;


    margin-bottom: -12px;


    margin-left: -6px;


}


.socile-icon-tooltip [data-tooltip]::after, .socile-icon-tooltip .tooltip::after, .socile-icon-tooltip .tooltip-top::after {


    margin-left: -50px;


}


.socile-icon-tooltip [data-tooltip]:hover::before, .socile-icon-tooltip [data-tooltip]:hover::after, .socile-icon-tooltip [data-tooltip]:focus::before, .socile-icon-tooltip [data-tooltip]:focus::after, .socile-icon-tooltip .tooltip:hover::before, .socile-icon-tooltip .tooltip:hover::after, .socile-icon-tooltip .tooltip:focus::before, .socile-icon-tooltip .tooltip:focus::after, .socile-icon-tooltip .tooltip-top:hover::before, .socile-icon-tooltip .tooltip-top:hover::after, .socile-icon-tooltip .tooltip-top:focus::before, .socile-icon-tooltip .tooltip-top:focus::after {


    -webkit-transform: translateY(-25px);


    transform: translateY(-25px);


}


:focus {


    outline: -webkit-focus-ring-color auto 0px;


}





:focus {


    outline: -mos-focus-ring-color auto 0px;


}





.btn-style {


  background-color: #f3a395;


  border-radius: 0;


  color: #ffffff;


  display: inline-block;


  font-size: 14px;


  font-weight: 400;


  letter-spacing: 1px;


  line-height: 18px;


  padding: 13px 33px;


  position: relative;


  text-transform: uppercase;


  -webkit-transition: all 0.6s ease-in-out 0s;


  transition: all 0.6s ease-in-out 0s;


    overflow: hidden;


    z-index: 99;


}


.cr-btn span {


  position: relative;


    z-index: 9;


}





button:focus {


  outline: none;


}





.relative{


    position: relative;


}


.border-bottom-1{


    border-bottom: 1px solid #d5d5d5;


}


.border-top-1 {


  border-top: 1px solid #d7d7d7;


}


.border-top-2 {


  border-top: 1px solid #ebebeb;


}


.overly-style{


    position: relative;


}


.overly-style:before{


    position: relative;


}





.btn-style-2 {


  border: 1px solid #000000;


  border-radius: 50px;


  color: #3e3e3e;


  display: inline-block;


  font-size: 16px;


  letter-spacing: 0.5px;


  line-height: 1;


  overflow: hidden;


  padding: 16px 40px 17px;


    position: relative;


}





.btn-style-2:hover {


  color: #fff;


}