/*
 Theme Name:     Estoril Intercontinental Child Theme
 Theme URI:      http://www.estorilintercontinental.com
 Description:    Tema para o hotel Intercontinental Estoril
 Version:        1.0
 Author:         Infinit
 Author URI:     http://infinit.pt
 Template:       icestoril
*/

/* @import must be at top of file, otherwise CSS will not work */

@import url("https://hello.myfonts.net/count/312462");



  

@font-face {font-family: 'brandon_grotesque_boldregular';src: url('webfonts/312462_0_0.eot');src: url('webfonts/312462_0_0.eot#iefix') format('embedded-opentype'),url('webfonts/312462_0_0.woff') format('woff2'),url('webfonts/312462_0_0.woff') format('woff'),url('webfonts/312462_0_0.ttf') format('truetype');}

 

  

@font-face {font-family: 'brandon_grotesque_regularRg';src: url('webfonts/312462_1_0.eot');src: url('webfonts/312462_1_0.eot#iefix') format('embedded-opentype'),url('webfonts/312462_1_0.woff') format('woff2'),url('webfonts/312462_1_0.woff') format('woff'),url('webfonts/312462_1_0.ttf') format('truetype');}

 

  

@font-face {font-family: 'brandon_grotesque_mediumRg';src: url('webfonts/312462_2_0.eot');src: url('webfonts/312462_2_0.eot#iefix') format('embedded-opentype'),url('webfonts/312462_2_0.woff') format('woff2'),url('webfonts/312462_2_0.woff') format('woff'),url('webfonts/312462_2_0.ttf') format('truetype');}







h1, h2, h3, h4, h5, h6 {

	font-family:'brandon_grotesque_mediumRg', Arial, sans-serif;

	font-weight: normal;

}

.vc_custom_heading {

	margin-bottom:35px;

}

.vc_custom_heading h1, .vc_custom_heading h2, .vc_custom_heading h3, .vc_custom_heading h4, .vc_custom_heading h5, .vc_custom_heading h6 {

	margin-bottom:0;

}

h1 {

	font-size: 48px;

    line-height: 52px;

    text-transform: uppercase;

}

h2 {

	font-size: 28px;

	margin-bottom: 20px;

	line-height: 36px;

	text-transform: uppercase;

}

h3 {

	font-size: 22px;

	line-height: 28px;

	margin-bottom: 10px;

}

h4 {

	font-size: 18px;

	line-height: 24px;

	margin-bottom: 10px;

}

h5 {

	font-size: 16px;

	line-height: 20px;

	margin-bottom: 10px;

}

h6 {

	font-size: 15px;

	line-height: 18px;

	margin-bottom: 10px;

	font-weight: normal;

}





.topbar_type_1 .top_phone {

	padding: 10px 0px 10px 0px;

}

.topbar_type_1 .top_text {

	padding: 3px 20px 3px 20px;

}

.topbar_type_1 .top_email {

	padding: 3px 0px 3px 0px;

}

.topbar_type_1 #header_socials {

	padding:3px 20px 3px 5px;

}

.topbar_type_1 .top_bar_menu {

	padding-right:20px;

}



.top_bar_menu li {

    float: left;

    padding-left: 20px;

    line-height: 34px;

}

#header_container nav ul ul li a, #header_container nav ul ul .current-menu-item li a {

	text-align:left;

	padding:11px 14px 11px 14px !important;

	float:none;

	font-size:14px;

	margin: 0;

	text-transform:uppercase !important;

	font-weight:normal!important;

	border-bottom:none!important;

	border-top:none!important;

	text-shadow:none!important;

	border-right: none!important;

	border-radius: 0!important;

	line-height:normal!important;

	width:100%;

	white-space:normal;

}

.nav_type_5 ul li a {

    position: relative;

    display: block;

    padding: 40px 0px 40px 0px;

    margin: 0 15px;

    border-top: 5px solid;

    font-size: 14px;

    font-weight: normal;

    font-family:'brandon_grotesque_mediumRg', Arial, sans-serif;

    text-transform: uppercase;

}

/*

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-7803 a{

    background-color: #b69e4f !important;

    padding: 12px 20px 12px 20px;

    display: block;

    color: #ffffff;

    margin: 33px 23px;

    border-top: 0px solid;

    font-size: 14px;

    font-weight: normal;

    font-family:'brandon_grotesque_mediumRg', Arial, sans-serif;

    text-transform: uppercase;

}



li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-7803 a:hover{

	border-top: none !important;

	background-color: #af943c;

}

*/	

.menu_slide #nav_button_alt {

    margin: 0px 0px 0px 10px;

    float: left;

    display: block;

    float: right;

    height: 70px;

    line-height: 70px;

    width: 50px;

}



.page_title_ctn h1 {

    font-weight: normal;

    margin-bottom: 0px;

    font-size: 20px;

    line-height: 34px;

    color: #2c3e50;

    max-width: 420px;

    float: left;

    text-transform: none;

    font-family: "Lato";

}



.post_single .post-title h2 {

    font-weight: normal;

}

.post-title h2 a {

    font-weight: normal !important;

    font-size: 18px;

    line-height: 22px;

}    

.post-bottom-info {

    display: none;

}

.post_masonry .more-link {

    border-radius: 0px;

}

.single_post_navigation, .post-info {

    border-bottom: 0px solid #ecf0f1;

}

.single_post_navigation {

    float: left;

    clear: both;

    width: 100%;

    padding-bottom: 0px;

    margin-bottom: 0px;

}

.smallmedium_rd_bt {

    padding: 12px 20px 16px;

}



/* WPML */

#rd_wpml {

    float: left;

    height: 40px;

}

#rd_wpml #lang_sel {

    height: 40px;

    border: none!important;

}

#rd_wpml #lang_sel a {

    background: none;

    font-size: 14px;

    font-family: "Lato";

    border: none!important;

    padding: 5px 20px 5px 20px;

}

#rd_wpml #lang_sel > ul > li {

    height: 40px;

    overflow: visible;

}

#rd_wpml #lang_sel li {

    float: left;

    width: 140px;

    text-align: left;

    position: relative;

}

#rd_wpml #lang_sel li li {

    width: 140px;

}

#rd_wpml #lang_sel ul ul {

    opacity: 0;

    position: relative;

    width: 140px;

    height: auto;

    background: #fff;

    overflow: auto;

    top: inherit;

    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);

    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);

    box-shadow: 0 2px 3px rgba(0,0,0,0.1);

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    border: none!important;

}



.post-info {

    display: none;

}



/*Leave a Comment */



#add-comment {

	padding-top:25px;

}

#add-comment input, #add-comment textarea {

	margin-bottom: 0;

}

#add-comment h4 {

	font-weight:normal;

	padding-bottom: 27px;

	line-height: 30px;

}

#add-comment textarea {

	height: 180px;

	width: 100%;

	padding:20px;

}

#comment {

}

.comment-notes, .form-allowed-tags {

	display:none;

}

input.single_post_author {

	width:376px;

	float:left;

	padding:14px 20px 14px 20px;

	border-radius:0px;

	margin-right:20px;

}

input.single_post_email {

	width:377px;

	float:left;

	padding:14px 20px 14px 20px;

	margin-right:20px;

	border-radius:0px;

}

input.single_post_url {

	width:377px;

	float:left;

	padding:14px 20px 14px 20px;

	border-radius:0px;

}

#posts input.single_post_author {

	width:calc(33.3% - 13.5px );

	float:left;

	padding:14px 20px 14px 20px;

	border-radius:0px;

	margin-right:20px;

}

#posts input.single_post_email {

	width:calc(33.3% - 13.5px );

	float:left;

	padding:14px 20px 14px 20px;

	margin-right:20px;

	border-radius:0px;

}

#posts input.single_post_url {

	width:calc(33.3% - 13.5px );

	float:left;

	padding:14px 20px 14px 20px;

	border-radius:0px;

}

.single_post_comment {

	height:300px;

	border-radius:0px;

}

#add-comment input#submit,#respond input#submit{

	padding:14px 15px 15px 15px;

	border-radius:0px;

	margin-top: 3px;

	letter-spacing:1px;

}

#reply-title {

	font-size: 16px;

	line-height: 24px;

	margin:20px 0;

	font-weight:normal;

}

.single_post_navigation .next_project, .single_post_navigation .previous_project,.single_post_navigation_bottom .next_project, .single_post_navigation_bottom .previous_project {

  float: right;

  font-weight: 700;

  text-align: center;

  font-size: 14px;

  min-width: 130px;

  border-radius: 0px;

}



.sb_widget h3 {

    font-size: 18px;

    margin: 0px 0 31px 0;

    padding: 0px 0 0 26px;

    position: relative;

    font-weight: normal;

    text-transform: uppercase;

}

.sb_widget > h3:before {

    border-top: 7px solid #CA9F14 !important;

    border-bottom: 7px solid #b59017;

}

.blog_load_more_cont a {

  	font-family:'brandon_grotesque_mediumRg', Arial, sans-serif;

    font-weight: normal;

    font-size: 16px;

    text-transform: uppercase;

    vertical-align: middle;

    border-radius: 0px;

    letter-spacing: 1px;

}

.grid_blog_post .more {

    width: auto;

    text-shadow: none;

    margin-top: 24px;

    display: table;

    font-weight: normal;

    font-size: 16px;

    font-family:'brandon_grotesque_mediumRg', Arial, sans-serif;

    text-transform: uppercase;

    padding: 12px 20px;

    border-radius: 0px;

    letter-spacing: 1px;

}

#mobile_menu_search #search input[type=text] {

    font-family: "Lato";

    font-size: 14px;

    background: #191b26;

    border: 1px solid rgba(145, 157, 201, 0.14);

    line-height: 20px;

    color: #ffffff !important;

    padding: 9px 20px 9px 20px;

    border-radius: 0px;

}

#mobile-menu ul li {

    color: #b69e4f;

    border-top: 1px solid rgba(255,255,255,0.02);

    border-bottom: 1px solid rgba(0,0,0,0.15);

}

/* Layer Slider */



.ls-fullwidth .ls-nav-prev{

	background-image: url(images/arrows-slider-prev.png) !important ;

	background-position: center center !important;

	background-size:  16px  16px!important;

	background-repeat: no-repeat !important;

}

.ls-fullwidth .ls-nav-next{

	background-image: url(images/arrows-slider-next.png) !important ;

	background-position: center center !important;

	background-size:  16px  16px!important;

	background-repeat: no-repeat !important;

}

.ls-fullwidth .ls-nav-prev {

	left: 30px !important;

}



.ls-fullwidth .ls-nav-next {

	right: 30px !important;

}



.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {

    width: 40px !important;

    height: 40px !important;

    background-color: none;

    border: 1px #ffffff solid !important;

	-webkit-transition: background 0.5s linear !important;

        -moz-transition: background 0.5s linear !important;

        -ms-transition: background 0.5s linear !important;

        -o-transition: background 0.5s linear !important;

        transition: background 0.5s linear !important;

}

.ls-fullwidth .ls-nav-next:hover {

    background-color: #b69e4f !important;

    border: 1px #b69e4f solid !important;

    z-index: 999999;

}

.ls-fullwidth .ls-nav-prev:hover {

    background-color: #b69e4f !important;

    border: 1px #b69e4f solid !important;

    z-index: 999999;

}



/* Revolution Slider */



.hesperiden.tparrows {

    cursor: pointer;

    background: #000 !important;

    border: 1px #ffffff solid !important;

    background: rgba(0,0,0,0) !important;

    width: 40px !important;

    height: 40px !important;

    position: absolute !important;

    display: block;

    z-index: 100;

    border-radius: 0% !important;

    -webkit-transition: all .2s ease;

	-moz-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease;

}

.hesperiden.tparrows:hover {

    background-color: #b69e4f !important;

    border: 1px #b69e4f solid !important;

}

.hesperiden.tparrows:before {

    font-family: "revicons" !important;

    font-size: 14px !important;

    color: #fff !important;

    display: block;

    line-height: 40px !important;

    text-align: center !important;

}

div.ppt {

    display: none !important;

}

h2.line{

	font-size: 22px;

	color: #ffffff;

}

h2.line:after {

    background-color: #fff;

    content: "";

    display: block;

    height: 2px;

    margin-top: 10px;

    margin-bottom: 30px;

    position: relative;

    width: 60px;

    text-align: center;

}



.rd_twitter_nav {

    width: 100%;

    height: 36px;

    position: relative;

    margin-top: 34px;

}



/************ Share Icons Shortcode **************/





.sc-share-box.a_left {

	text-align:left;

}

.sc-share-box.a_right {

	text-align:right;

}

.sc-share-box.a_center {

	text-align:center;

}

.sc-share-box ul {

	display:inline-block;

}

.sc-share-box ul {

    width: 100%;

	margin:0;

}



.sc-share-box.a_center ul {

	margin-left:5px;

}

.sc-share-box.a_center ul li, .sc-share-box.a_left ul li {

	float:left;

	margin-right:10px!important;

}

.sc-share-box.a_right ul li {

	float:left;

	margin-left:10px!important;

}

.sc-share-box.a_center.business_share_icons ul li, .sc-share-box.a_left.business_share_icons ul li, .sc-share-box.a_right.business_share_icons ul li {

    float: left;

    margin-right: 0.5%!important;

    margin-left: 0.5% !important;

    width: 15.66%!important;

    height: 40px!important;

}

.sc-share-box a {

	width: 30px;

	height: 30px;

	line-height: 30px;

	display: inline-block;

	border-radius: 0px;

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

}

.sc-share-box.business_share_icons a {

    width: 100%;

    height: 40px;

    line-height: 40px;

    font-size: 17px;

}

.sc-share-box a:hover {

	background:none !important;

}

.sc-share-box ul li a:before {

	width: 170px;

	height: auto;

	font-size: 14px;

	min-height: 30px;

	text-align: center;

	color: #fff;

	background: #171d22;

	position: absolute;

	left: 50%;

	margin-left: -85px;

	top: -36px;

	border-radius: 0px;

	opacity:0;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

}

.sc-share-box ul li a:after {

	position: absolute;

	content: "";

	border-color: #171d22 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);

	border-style: solid solid solid solid;

	border-width: 5px 5px 5px 5px;

	height: 0;

	left: 50%;

	margin-left: -5px;

	top: -6px;

	opacity:0;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

}

.sc-share-box.business_share_icons ul li a:after {

    top: 3px;

}

.sc-share-box ul li a:hover:before {

	opacity:1;

	top: -46px;

}

.sc-share-box.business_share_icons ul li a:hover:before {

    opacity: 1;

    top: -56px;

}

.sc-share-box ul li a:hover:after {

	opacity:1;

	top: -16px;

}



/******** Social Icons widget *********/



.thefox_social_widget_icons {

	width: calc(100% + 10px);

}

#footer .thefox_social_widget_icons a {

	color: #fff!important;

}

.thefox_social_widget_text {

	margin-bottom:30px;

}

.thefox_social_widget_text p {

	margin-botton:17px;

}

.thefox_social_widget_icons div {

	width: 40px!important;

	height: 40px !important;

	line-height: 37px;

	float:left;

	margin: 0 9.5px 10px 0px!important;

}

.thefox_social_widget_icons div a {

	width: 40px;

	height: 40px;

	display: block;

	border-radius: 0px;

}

#facebook a:hover, .f_si_type2 #f_social_icons #facebook, .rd_si_big_squared #facebook, .rd_si_big_rounded #facebook a, .sc-share-box #facebook a, .single_staff_social #facebook a, .rd_staff_p06 .member-social-links #facebook a, .thefox_social_widget_icons #facebook a,.share_icons_business .share-box #facebook a {

	color:#ffffff;

	background-color:#b69e4f;

}

#twitter a:hover, .f_si_type2 #f_social_icons #twitter, .rd_si_big_squared #twitter, .rd_si_big_rounded #twitter a, .sc-share-box #twitter a, .single_staff_social #twitter a, .rd_staff_p06 .member-social-links #twitter a, .thefox_social_widget_icons #twitter a,.share_icons_business .share-box #twitter a{

	color:#ffffff;

	background-color:#b69e4f;

}

#instagram a:hover, .f_si_type2 #f_social_icons #instagram, .rd_si_big_squared #instagram, .rd_si_big_rounded #instagram a, .single_staff_social #instagram a, .rd_staff_p06 .member-social-links #instagram a, .thefox_social_widget_icons #instagram a {

	color:#ffffff;

	background-color:#b69e4f;

}



/******** Footer *********/

.footer_type_2 .widget h2 {

    font-size: 20px;

    text-transform: uppercase;

    font-family:'brandon_grotesque_boldregular', Arial, sans-serif;

	font-weight: normal;

    margin-bottom: 36px;

}

.footer_type_2 .widget h2:after {

    background-color: #d6d3ce;

    content: "";

    display: block;

    height: 2px;

    margin-top: 10px;

    margin-bottom: 30px;

    position: relative;

    width: 50px;

    text-align: center;

}

#footer_coms .f_message_left {

    float: left;

    padding-right: 30px;

    height: 40px;

    line-height: 18px;

    text-align: left;

    font-size: 13px;

}

.mailchimpform{

	text-align: left;

}

.mailchimpform .emailchimp {

    width: 90% !important;

	padding: 15px !important;

    border: 2px solid #d6d3ce !important;

    color: #515149 !important;

    height: 50px !important;

    background: none !important;

    position: absolute;

}

.mailchimpform .as_button_submit_mailchimp{

    text-align: center;

    position: relative;

    height: 50px;

    width: 40px;

    background: none;

    border: none;

    display: inline-block;

    float: right;

    margin-right: 28px;

}

.as_button_submit_mailchimp:before{

	color: #b5b1ad;

    font-family:"elg" !important;

	content:"\39" !important;

	font-size: 20px !important;

}

.mc4wp-alert{

    margin-top: 60px;

    position: absolute;

    display: block;

    width: 250px;

    font-size: 15px;

}    

.wpcf7 input[type=submit] {

    font-weight: normal;

    border-radius: 0px !important;



}

.logos-footer{

	margin-top: 45px;

}

#footer {

    padding-bottom: 10px;

}    



input[type=submit]:hover {

    background-color: #b69e4f;

    color: #fff;

}

input[type="text"], input[type="email"], input[type="password"], textarea, #coupon_code {

    color: #c0bdb7;

}

.ig_col_3 {

    width: 33.3%;

    float: left;

    display: block;

    border: 3px solid #ffffff;

}

.icon_box_si h3 {

    text-align: left;

    font-size: 24px;

    font-weight: normal;

    text-transform: uppercase;

    padding: 10px 0 0 75px;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.icon_box_si p {

    padding: 4px 0 0 75px;

    text-align: left;

    font-size: 16px;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.icon_box_si i {

    font-size: 45px;

    color: #333;

    text-align: left;

    position: absolute;

    top: 9px;

    left: 0;

    line-height: 30px;

}

.rd_list_1_alt .list_icn {

    float: left;

    margin-right: 20px;

    font-size: 14px;

    margin-top: 3px;

    margin-left: 20px;

}

.rd_list_1_alt .list_desc {

    margin-left: 50px;

}

.event_info h2 {

    font-size: 22px;

    font-weight: normal;

    line-height: 30px;

    margin-bottom: 8px;

}

.timeline_event_ctn .v_line {

    height: 100%;

    left: 50%;

    position: absolute;

    width: 5px;

    margin-left: -5px;

    border-radius: 5px;

}

.filter_img {

	border: 4px solid #ffffff !important;

}



.rd_hover_sadie .element figcaption h2 {

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

    font-family: 'brandon_grotesque_mediumRg', Arial, sans-serif;

    font-size: 17px;

    font-weight: normal;

    height: 120px;

    left: 0;

    letter-spacing: 0.2px;

    padding-top: 40px;

    padding-bottom: 40px;

    position: absolute;

    top: 72%;

    width: 100%;

    line-height: 32px;

}

.single_port_navigation .previous_project {

    font-size: 14px;

    letter-spacing: 1px;

    float: right;

    text-transform: uppercase;

    padding: 9px 17px 9px;

    min-width: 130px;

    text-align: center;

    border-radius: 0px;

    font-family:'brandon_grotesque_mediumRg', Arial, sans-serif;

	font-weight: normal;

}

.previous_project {

    border: 1px solid #ccc !important;

    background: #ffffff;

    color: #ccc !important;

}

.previous_project:hover {

    border: 1px solid #B59017 !important;

    background: #B59017 !important;

    color: #fff !important;

}

.single_port_navigation .next_project {

    font-size: 14px;

    letter-spacing: 1px;

    float: right;

    text-transform: uppercase;

    padding: 9px 17px 9px;

    min-width: 130px;

    text-align: center;

    border-radius: 0px;

    font-family:'brandon_grotesque_mediumRg', Arial, sans-serif;

	font-weight: normal;

}

.next_project {

    border: 1px solid #ccc !important;

    background: #ffffff !important;

    color: #ccc !important;

}

.next_project:hover {

    border: 1px solid #B59017 !important;

    background: #B59017 !important;

    color: #fff !important;

}

.all_projects_btn {

    color: #cccccc !important;

}

.all_projects_btn:hover {

    color: #B59017 !important;

}

.all_projects_btn {

    display: block;

    width: 40px;

    height: 40px;

    position: relative;

    float: left;

    border-radius: 0px;

    border: 1px solid;

}

.single_port_navigation {

    float: left;

    clear: both;

    width: 100%;

    margin-top: 50px;

    padding-bottom: 20px;

    margin-bottom: 50px;

}

.port_details_full_information .item_details_info {

    display: none;

}

.port_details_title {

    font-size: 48px;

    margin: 0px 0 26px 0;

}

.port_meta {

    display: none;

}

.crumbs_delimiter {

    font-size: 14px;

    color: #ccb17a;

}

.rd_tm_3 .tm_text {

    font-weight: normal;

    font-size: 20px;

    text-align: center;

    padding: 40px 30px 48px;

    line-height: 30px;

    margin-bottom: 256px;

    position: relative;

    font-family: Georgia, Times, 'Times New Roman', serif;

    font-style: italic;

}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {

    padding-left: 1em;

    font-weight: bold;

}

@media only screen and (min-width: 768px) and (max-width: 1035px) {

.menu_slide.mt_menu #logo_img {

	max-height: 70px;

	line-height: 70px;

 }

}



button#catapultCookie {

    border: 0;

    padding: 4px 10px !important;

    border-radius: 0px !important;

    text-transform: uppercase;

}

.has-cookie-bar #catapult-cookie-bar {

    opacity: 0.95 !important;

    padding: 5px 20px 5px;

    font-size: 14px !important;

}



/* Booking Form 

---------------------------------- */

form div {

    margin-top: 0px;

}

.section{

	background-color: #f4f4f4;

}

.smart-wrap{ padding:0px; }

.smart-forms, 

.smart-forms *{

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.smart-forms {

	font-family:  "Lato", Arial, Helvetica, sans-serif;

	line-height: 1.231;

	font-weight: 400;

	font-size: 14px;

	color: #989898;

}



.smart-container{

	margin:5px auto;	

	 

}



/* @form container width 

/* @if you want to change the form container width change the values below 

---------------------------------------------------------------------------- */



.wrap-0{ max-width:100%; }



/* @form helper classes 

--------------------------------------------------------------- */

.smart-forms .section{ margin-bottom:22px; }



/* @form label + field :: field class is useful for validation 

---------------------------------------------------------------------- */

.smart-forms .field{ display:block; position:relative; }

.smart-forms .field-icon i { color:#BBB; position:relative; }

.smart-forms .field-label { display: block; margin-bottom: 7px; }

.smart-forms .field-label.colm{ padding-top:12px; }

.smart-forms .field-label em{ 

	color:#e74c3c;

	font-size:14px;

	font-style:normal;

	display:inline-block;

	margin-left:4px;

	position:relative; 

	top:3px;  

}



.smart-forms fieldset{ 

	border:0;

	display:block;

}



/* @form body + footer 

------------------------------------------------------------------- */	

.smart-forms .form-body{ padding:0px;}



/* @crossbrowser placeholder styling :: modern browsers only IE10+

------------------------------------------------------------------------ */

.smart-forms input[type=search] { -webkit-appearance: textfield; }

.smart-forms ::-webkit-search-decoration, 

.smart-forms ::-webkit-search-cancel-button { -webkit-appearance: none; }

.smart-forms input:invalid { -moz-box-shadow: none; box-shadow: none;  }

.smart-forms input::-webkit-input-placeholder,

.smart-forms textarea::-webkit-input-placeholder { color: #AAAAAA; }

.smart-forms input:focus::-webkit-input-placeholder,

.smart-forms textarea:focus::-webkit-input-placeholder { color: #D6DBE0; }

.smart-forms input:-moz-placeholder,

.smart-forms textarea:-moz-placeholder { color: #AAAAAA; }

.smart-forms input:focus:-moz-placeholder,

.smart-forms textarea:focus:-moz-placeholder { color: #D6DBE0; }

.smart-forms input::-moz-placeholder,

.smart-forms textarea::-moz-placeholder { color: #AAAAAA; opacity: 1; }

.smart-forms input:focus::-moz-placeholder,

.smart-forms textarea:focus::-moz-placeholder { color: #D6DBE0; opacity: 1; }

.smart-forms input:-ms-input-placeholder,

.smart-forms textarea:-ms-input-placeholder { color: #AAAAAA; }

.smart-forms input:focus:-ms-input-placeholder,

.smart-forms textarea:focus:-ms-input-placeholder { color: #D6DBE0; }



/* @element general styling :: fonts :: adjust accordingly

------------------------------------------------------------- */

.smart-forms label, 

.smart-forms input,

.smart-forms button,

.smart-forms select,  

.smart-forms textarea {

	margin: 0;  

	font-size: 14px;

	font-family:  "Lato", Arial, Helvetica, sans-serif;

	font-weight:400;

	color: #626262;

	outline:none;

}



/* @remove browser specific styling

----------------------------------------------- */

.smart-forms .gui-input,

.smart-forms .gui-textarea,

.smart-forms .select > select,

.smart-forms input[type="button"],

.smart-forms input[type="submit"],

.smart-forms input[type="search"],

.smart-forms .select-multiple select {

	-webkit-tap-highlight-color:transparent;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	-webkit-border-radius:0px;

	border-radius: 0px;

}



.smart-forms input[type="search"]::-webkit-search-decoration,

.smart-forms input[type="search"]::-webkit-search-cancel-button,

.smart-forms input[type="search"]::-webkit-search-results-button,

.smart-forms input[type="search"]::-webkit-search-results-decoration {

	display: none;

}



/* @labels font-size styling :: adjust to fit your needs 

--------------------------------------------------------- */

.smart-forms .switch, 

.smart-forms .option,

.smart-forms .field-label{ font-size:14px; }



/* @prevent user selection for usability purposes

----------------------------------------------------- */

.smart-forms .radio,

.smart-forms .button,  

.smart-forms .checkbox,

.smart-forms .select .arrow,

.smart-forms .switch > label,

.smart-forms .ui-slider .ui-slider-handle{

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



/* @universal rules for all elements 

---------------------------------------------------- */

.smart-forms .radio,

.smart-forms .button,

.smart-forms .tooltip,

.smart-forms .checkbox,  

.smart-forms .gui-input,

.smart-forms .notification,

.smart-forms .gui-textarea,

.smart-forms .select > select,

.smart-forms .select-multiple select{ 

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

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

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

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

	transition:all 0.5s ease-in-out;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	outline:none;

}



.smart-forms .select > select,

.smart-forms .select-multiple select{

	-webkit-transition:none;

	-moz-transition:none;

	-ms-transition:none;

	-o-transition:none;

	transition:none;

}



/* @control border-size :: color etc for these elements 

----------------------------------------------------------- */

.smart-forms .select,

.smart-forms .gui-input,

.smart-forms .gui-textarea,

.smart-forms .select > select,

.smart-forms .select-multiple select{

	background: #fff;

	position: relative;

	vertical-align: top;

	border: 1px solid rgba(207, 207, 207, 0.5);

	display: -moz-inline-stack;

    display: inline-block;

	color: #626262;

	outline:none;

	height: 42px;

	width: 100%;

}



/* @styling inputs and textareas 

------------------------------------------- */

.smart-forms .gui-input, 

.smart-forms .gui-textarea { padding:10px; }

.smart-forms .gui-textarea {    

    resize: none;

	line-height: 19px;

	overflow: auto;

	max-width:100%;

    height: 96px;

}



/* @hint below textareas 

---------------------------------------- */

.smart-forms .input-hint {

    padding: 10px;

	display: block;

	margin-top: -1px;

	line-height: 16px;

	position: relative; 

    background: #ffffff;

    border: 1px solid #CFCFCF;	   

	font-family:Arial, Helvetica, sans-serif;

    -webkit-border-radius: 0;

	-moz-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

    font-size: 11px;

    color: #999;

}



/* @form selects :: dropdowns 

-------------------------------------------------- */

.smart-forms .select { border:0; z-index:10; }

.smart-forms .select > select {

	display: block;

    padding:9px 10px; 

    color: #626262;

    background: #ffffff;   	

     border: 1px solid rgba(207, 207, 207, 0.50);	

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:normal;

	outline:none;

	text-indent: 0.01px;

    text-overflow: ''; 

	z-index:10;

	margin: 0;	

}



.smart-forms .select > select::-ms-expand { display: none; }

.smart-forms .select .arrow {

	position: absolute;

	top: 9px;

	right: 4px;

	width: 24px;

	height: 24px;

	color:#9F9F9F;

	pointer-events:none;

	z-index:16;

}



.smart-forms .select .arrow:after,

.smart-forms .select .arrow:before {

	content: '';

	position: absolute;

	font:12px "Consolas", monospace;

	font-style:normal;

	pointer-events:none;

	display:none\9;

	left:5px;

	

}



.smart-forms .select .arrow:before { content:'\25BC'; bottom:4px; }

.smart-forms .select .double:after { content:'\25B2'; top:-1px;  }

.smart-forms .select .double:before { content:'\25BC'; bottom:-1px; }

.smart-forms .select-multiple select { 

	width:100%; 

	height: 123px;

	padding: 10px;

}



/* @file inputs :: file uploaders 

-------------------------------------------------------- */

.smart-forms .file{ display:block; width:100%; }

.smart-forms .file .gui-file{

	width:100%;

	height:100%;

	cursor:pointer;

	padding:8px 10px;

	position:absolute;

	-moz-opacity:0;

	opacity: 0;

	z-index:11;

	bottom:0;	

	right:0;

}



.smart-forms .file .button {

	position: absolute;

	top: 4px;

	right: 4px;

	float: none;

	height: 34px;

	line-height: 34px;

	padding: 0 16px;

	z-index:10;

}



/* @form element :hover state 

-------------------------------------------- */

.smart-forms .gui-input:hover,

.smart-forms .gui-textarea:hover,

.smart-forms .select > select:hover,

.smart-forms .select-multiple select:hover, 

.smart-forms .gui-input:hover ~ .input-hint,

.smart-forms .file .gui-file:hover + .gui-input,

.smart-forms .gui-textarea:hover ~ .input-hint{

	border-color: rgba(182, 158, 79, 0.37);

}



/* @form element :focus state 

-------------------------------------------------------- */

.smart-forms .gui-input:focus,

.smart-forms .gui-textarea:focus,

.smart-forms .select > select:focus,

.smart-forms .select-multiple select:focus{ 

    color: #3c3c3c;

    background: #fff;

	border:1px solid #bdbdbd;

	-webkit-box-shadow:0px 0px 3px #bdbdbd inset; 

	-moz-box-shadow:0px 0px 3px #bdbdbd inset;  

	-o-box-shadow:0px 0px 3px #bdbdbd inset;	

	box-shadow:0px 0px 3px #bdbdbd inset;

    outline: none; 



}



.smart-forms .select > select:focus {	

	z-index:10;

	z-index:20\9;

}



.smart-forms .gui-textarea:focus{  height: 120px; }

.smart-forms .select > select:focus { z-index:10; z-index:20\9; }

.smart-forms .gui-input:focus ~ .field-icon i,

.smart-forms .gui-textarea:focus ~ .field-icon i{ color:#bdbdbd; }

.smart-forms .select-multiple select:focus, 

.smart-forms .gui-input:focus ~ .input-hint,

.smart-forms .gui-textarea:focus ~ .input-hint, 

.smart-forms .file .gui-file:focus + .gui-input{ border-color: #bdbdbd; }

.smart-forms .select > select:focus + .arrow{ color:#bdbdbd; }





/* @radio + checkbox option elements 

----------------------------------------------------- */ 

.smart-forms .option {

    position: relative;	

	padding-right:15px;    

	display: inline-block;

	vertical-align:middle;

}

.smart-forms .option > input {

    position: absolute;

    height: inherit;

    width: inherit;

    opacity: 0;

	left: 0;

}



.smart-forms .checkbox, 

.smart-forms .radio { 

	position:relative;

	margin-right:2px;

	background: #fff;

	display: inline-block;

    border: 3px solid #CFCFCF;	

	margin-bottom:0;

	margin-top:0;	

	height: 21px;

	width: 21px;

	top:4px;

	

}



.smart-forms .checkbox:before, 

.smart-forms .radio:before {

    content: '';

    display: none;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	-o-box-sizing: content-box;

	box-sizing: content-box;

	padding: 0;

	margin: 0;

}



.smart-forms input:checked + .checkbox:before, 

.smart-forms input:checked + .radio:before {

    display: block;

}



.smart-forms .checkbox:before {

    position: absolute;

    top: 4px;

    left: 3px;

    width: 6px;

    height: 3px;

    border: solid #bdbdbd;

    -webkit-border-width: 0 0 3px 3px;

	-moz-border-width: 0 0 3px 3px;

	border-width: 0 0 3px 3px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.smart-forms input:checked + .checkbox, 

.smart-forms input:checked + .radio{ border: 3px solid #bdbdbd; }

.smart-forms .radio { 

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px; 

	-o-border-radius: 20px; 

	border-radius: 20px;

 

}

.smart-forms .radio:before {

    margin: 4px;

    width: 7px;

    height: 7px;

    background: #bdbdbd;

  	-webkit-border-radius: 10px;

	-moz-border-radius: 10px; 

	-o-border-radius: 10px; 

	border-radius: 10px;

}





/* @radio + checkbox :hover state 

-------------------------------------------------- */

.smart-forms input:hover + .checkbox, 

.smart-forms input:hover + .radio{

    border-color:#b69e4f;

	

}



/* @radio + checkbox :focus state 

--------------------------------------------------- */

.smart-forms input:focus + .checkbox, 

.smart-forms input:focus + .radio{ border-color: #bdbdbd; }

.smart-forms input:focus + .radio:before{ background: #bdbdbd; }

.smart-forms input:focus + .checkbox:before{ border-color: #bdbdbd; }



/* @toggle switch elements 

-------------------------------------------------- */

.smart-forms .switch { 

	cursor:pointer; 

	position: relative; 

	padding-right:10px;

    display: inline-block;

	margin-bottom:5px;

	height: 26px;

}

.smart-forms .switch > .switch-label {

	cursor:pointer;

    display: inline-block;

    position: relative;

    height: 25px;

	width: 58px;

	color: #fff;

    font-size: 10px;

    font-weight: bold;

	line-height: 20px;

    text-align: center;

    background: #D7D7D7;

    border: 2px solid #D7D7D7;

	text-transform: uppercase;

	font-family:Helvetica, Arial, sans-serif;

    -webkit-transition: 0.3s ease-out;

    -moz-transition: 0.3s ease-out;

    -o-transition: 0.3s ease-out;

    transition: 0.3s ease-out;

	

}

.smart-forms .switch > .switch-label + span{ display:inline-block; padding-left:5px; position:relative; top:-7px; }

.smart-forms .switch > .switch-label:before {

    content: attr(data-off);

    position: absolute;

    top: 1px;

    right: 3px;

    width: 33px;

}



.smart-forms .switch > .switch-label:after {

	content:"";	

    margin: 1px;

    width: 19px;

    height: 19px;

	display: block;

    background: #fff;

}



.smart-forms .switch > input {

	-webkit-appearance: none;

	position: absolute;

    width: inherit;

    height: inherit;

    opacity: 0;

	left: 0;

	top: 0;

   

}



/* @toggle switch focus state 

-------------------------------------------------------------- */

.smart-forms .switch > input:focus { outline: none; }

.smart-forms .switch > input:focus + .switch-label { color: #fff; border-color: #C7C7C7; background:#C7C7C7; }

.smart-forms .switch > input:focus + .switch-label:after { background: #fff; }



/* @toggle switch normal state 

--------------------------------------------------------------- */

.smart-forms .switch > input:checked + .switch-label {

    border-color: #bdbdbd;

	background: #bdbdbd; 

	padding-left: 33px;

	color: white;

}



.smart-forms .switch > input:checked + .switch-label:before {

    content: attr(data-on);

    left: 1px;

	top:1px;

}



.smart-forms .switch > input:checked + .switch-label:after {

    margin: 1px;

    width: 19px;

    height: 19px;

    background: white;

}



/* @toggle switch normal state focus 

--------------------------------------------------------------------------------- */

.smart-forms .switch > input:checked:focus + .switch-label { background: #3c9b39; border-color: #3c9b39; }

.smart-forms .switch-round > .switch-label { 

	-webkit-border-radius: 13px;

	-moz-border-radius: 13px;

	-o-border-radius: 13px;

	border-radius: 13px; 

}



.smart-forms .switch-round > .switch-label + span{ top:-2px; }

.smart-forms .switch-round > .switch-label:before { width: 33px; }

.smart-forms .switch-round > .switch-label:after {

    width: 19px;

	color:#D7D7D7;

	content: "\2022";

	font:20px/20px Times, Serif;

	-webkit-border-radius: 13px;

	-moz-border-radius: 13px;

	-o-border-radius: 13px;

	border-radius: 13px;

}



.smart-forms .switch-round > input:checked + .switch-label { padding-left: 33px; }

.smart-forms .switch-round > input:checked + .switch-label:after{ color:#bdbdbd; }



/* @buttons 

----------------------------------------------------- */

.smart-forms .button {

    border: 0;

	height: 42px;

	color: #ffffff;

	line-height: 1;

	font-size:14px; 

    cursor: pointer;

	padding: 0 28px;

	letter-spacing: 1px;

	text-align: center;

	vertical-align: top;

    background: #b69e4f;

    text-transform: uppercase;

	display: inline-block;

	-webkit-user-drag: none;

	text-shadow: 0 1px rgba(255, 255, 255, 0.2);

}



/* @buttons :hover, :active states 

---------------------------------------------------------------- */

.smart-forms .button:hover { color: #ffffff; background: #c8ad54; }

.smart-forms .button:active{ color: #ffffff; background: #c8ad54; }

.smart-forms a.button, 

.smart-forms span.button, 

.smart-forms label.button { line-height: 42px; text-decoration: none; }

.smart-forms .button i{ font-size:14px; }

.smart-forms .button-list .button{ margin-bottom:5px; }



/* @primary button theme

-------------------------------------------- */

.smart-forms .btn-primary {  background-color: #bdbdbd;  }

.smart-forms .btn-primary:hover,

.smart-forms .btn-primary:focus { background-color: #b69e4f; }

.smart-forms .btn-primary:active{ background-color: #3c9b39; }

.smart-forms .btn-primary, 

.smart-forms .btn-primary:hover,

.smart-forms .btn-primary:focus, 

.smart-forms .btn-primary:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); }





/* @left + right buttons :: look like IOS

-------------------------------------------- */

.smart-forms .button-left, 

.smart-forms .button-right {

    position: relative;

	z-index:9;

}



.smart-forms .button-left:before, 

.smart-forms .button-right:before {

    content:'';

    z-index:-1;

    width: 32px;

    height: 32px;

	position: absolute;

    background-color: inherit;

	border-color: inherit;	

    border: none;

	top: 5px;

}



.smart-forms .button-left {

    border-left-width: 0; 

	padding: 0 18px 0 7px;

    -webkit-border-radius: 0 3px 3px 0;

	-moz-border-radius: 0 3px 3px 0;

	-o-border-radius: 0 3px 3px 0;

	border-radius: 0 3px 3px 0;

	margin-left:20px;

}



.smart-forms .button-left:before {

	left: -15px;

	-webkit-border-radius: 2px 5px 0 5px;

	-moz-border-radius: 2px 5px 0 5px;

	-o-border-radius: 2px 5px 0 5px;

	border-radius: 2px 5px 0 5px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



.smart-forms .button-right {

    padding: 0 7px 0 18px;

    border-right-width: 0;

    -webkit-border-radius: 3px 0 0 3px;

	-moz-border-radius: 3px 0 0 3px;

	-o-border-radius: 3px 0 0 3px;

	border-radius: 3px 0 0 3px;

	margin-right:20px;

}



.smart-forms .button-right:before {

    right: -15px;

    -webkit-border-radius: 5px 2px 5px 0;

	-moz-border-radius: 5px 2px 5px 0;

	-o-border-radius: 5px 2px 5px 0;

	border-radius: 5px 2px 5px 0;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



/* @left right button pointed button shapes 

------------------------------------------------ */

.smart-forms .btn-pointed.button-left, 

.smart-forms .btn-pointed.button-right{ 

	-webkit-border-radius:22px;

	-moz-border-radius:22px;

	-o-border-radius:22px; 

	border-radius:22px;  

}



.smart-forms .btn-rounded.button-left{ 

	-webkit-border-radius: 0 22px 22px 0;

	-moz-border-radius: 0 22px 22px 0;

	-o-border-radius: 0 22px 22px 0; 

	border-radius: 0 22px 22px 0;  

}



.smart-forms .btn-rounded.button-right{

	-webkit-border-radius: 22px 0 0 22px;

	-moz-border-radius: 22px 0 0 22px;

	-o-border-radius: 22px 0 0 22px;

	border-radius: 22px 0 0 22px; 

}



/* @push buttons

------------------------------------------------ */

.smart-forms .pushed { 

	-webkit-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);

	-moz-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);

	-o-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);

	box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);

	position:relative;

}



.smart-forms .pushed:active{

	-webkit-box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2);

	-moz-box-shadow:inset 0 -0.15em  0 rgba(0,0,0,0.2);

	-o-box-shadow:inset 0 -0.15em  0 rgba(0,0,0,0.2);

	box-shadow:inset 0 -0.15em  0 rgba(0,0,0,0.2);

	top:2px;

}



.smart-forms .pushed.button-left:before {

	-webkit-box-shadow:inset 0.35em 0  0 rgba(0,0,0,0.2);

	-moz-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);

	-o-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);

	box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);	

}



.smart-forms .pushed:active.button-left:before{

	-webkit-box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);

	-moz-box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);

	-o-box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);

	box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);

}



.smart-forms .pushed.button-right:before {

	-webkit-box-shadow:inset  -0.35em 0  0 rgba(0,0,0,0.2);

	-moz-box-shadow:inset -0.35em 0  0  rgba(0,0,0,0.2);

	-o-box-shadow:inset -0.35em 0  0  rgba(0,0,0,0.2);

	box-shadow:inset -0.35em 0  0  rgba(0,0,0,0.2);	

}



.smart-forms .pushed:active.button-right:before{

	-webkit-box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);

	-moz-box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);

	-o-box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);

	box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);

}



/* @adjust buttons in form footer

------------------------------------------------ */

.smart-forms .form-footer .button{ margin-right:10px; margin-bottom:5px; }

.smart-forms .align-right .button{ margin-right:0; margin-left:10px; }





/* @smart widget

   @this widget helps us to position an element eg button or label or span

   @the positions can either be left or right while the input stays 100%

   @you ca use this to rapidly create search widgets, newsletter subscribe etc 

---------------------------------------------------------------------------------*/

.smart-forms .smart-widget, 

.smart-forms .append-picker-icon, 

.smart-forms .prepend-picker-icon { position: relative; display:block; }

.smart-forms .smart-widget .field input, 

.smart-forms .append-picker-icon input, 

.smart-forms .prepend-picker-icon input { width: 100%; }



.smart-forms .append-picker-icon button, 

.smart-forms .prepend-picker-icon button,

.smart-forms .smart-widget .button { 

	border:1px solid #CFCFCF;

	background: #F5F5F5;

    position: absolute;

	cursor: pointer;

	color: #626262;

	height: 42px;

    top: 0;

}



.smart-forms .sm-right .button, 

.smart-forms .append-picker-icon button{ border-left:0; }

.smart-forms .sm-left .button, 

.smart-forms .prepend-picker-icon button{ border-right:0; }



.smart-forms .sm-left .button, 

.smart-forms .prepend-picker-icon button { left:0; }

.smart-forms .sm-right .button, 

.smart-forms .append-picker-icon button {  right:0; }



/* @smart widget buttons - to left 

------------------------------------------------- */

.smart-forms .sml-50, 

.smart-forms .prepend-picker-icon { padding-left: 50px; } 

.smart-forms .sml-50 .button, 

.smart-forms .prepend-picker-icon button{ width: 50px; }

.smart-forms .sml-80{ padding-left: 80px; } 

.smart-forms .sml-80 .button { width: 80px; }

.smart-forms .sml-120{ padding-left: 120px; } 

.smart-forms .sml-120 .button { width: 120px; }



/* @smart widget buttons - to right 

------------------------------------------------- */

.smart-forms .smr-50, 

.smart-forms .append-picker-icon{ padding-right: 50px; } 

.smart-forms .smr-50 .button, 

.smart-forms .append-picker-icon button{ width: 50px; }

.smart-forms .smr-80{ padding-right: 80px; } 

.smart-forms .smr-80 .button { width: 80px; }

.smart-forms .smr-120{ padding-right: 120px; } 

.smart-forms .smr-120 .button { width: 120px; }





/* @icon append (right) :: prepend (left)

------------------------------------------------- */

.smart-forms .append-icon, 

.smart-forms .prepend-icon{

    display: inline-block;

    vertical-align: top;

    position: relative;

	width:100%;

}



.smart-forms .append-icon .field-icon, 

.smart-forms .prepend-icon .field-icon{

	top:0;

	width:42px;

	height:42px;

	color: inherit;

	line-height:42px;

	position:absolute;

	text-align: center;

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

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    pointer-events: none;

	z-index:99;

}



.smart-forms .append-icon .field-icon i, 

.smart-forms .prepend-icon .field-icon i{ 

	position:relative;

	font-size:14px;

}



.smart-forms .prepend-icon .field-icon{ left:0;  }

.smart-forms .append-icon .field-icon{ right:0; }

.smart-forms .prepend-icon > input, 

.smart-forms .prepend-icon > textarea,

.smart-forms .prepend-icon > select{ padding-left:36px; }

.smart-forms .append-icon > input, 

.smart-forms .append-icon > textarea{ padding-right:36px; padding-left:10px;  }

.smart-forms .append-icon > textarea{ padding-right:36px; }



/* @tooltips on inputs + textareas 

------------------------------------------------- */ 

.smart-forms .tooltip {

	position: absolute;

	z-index: -1;

	opacity: 0;

	color: #fff;	

	width: 184px;

	left: -9999px;

	top:auto;

	font-size: 11px;

	font-weight:normal;

	background: #333333;

	-webkit-transition: margin 0.6s, opacity 0.6s;

	-moz-transition: margin 0.6s, opacity 0.6s;

	-ms-transition: margin 0.6s, opacity 0.6s;

	-o-transition: margin 0.6s, opacity 0.6s;

	transition: margin 0.6s, opacity 0.6s;

}



.smart-forms .tooltip > em{ padding:12px; font-style:normal; display:block; position:static; }

.smart-forms .tooltip:after { content: ''; position: absolute; }

.smart-forms .option:hover .tooltip,

.smart-forms .gui-input:focus + .tooltip,

.smart-forms .gui-textarea:focus + .tooltip,

.smart-forms .select > select:focus ~ .tooltip { opacity: 1; z-index: 999; }



/* @tooltip left

------------------------------------------------- */

.smart-forms .tip-left { top:1px; margin-right:-20px; }

.smart-forms .tip-left:after {

	top:12px;

	left: 100%;

	border-left: 8px solid #333333;

	border-top: 8px solid transparent;

	border-bottom: 8px solid transparent;

}



.smart-forms .gui-input:focus + .tip-left,

.smart-forms .gui-textarea:focus + .tip-left,

.smart-forms .select > select:focus ~ .tip-left {

	margin-right:5px;

	right: 100%;

	left: auto;

}



/* @tooltip right

------------------------------------------------- */

.smart-forms .tip-right { top:1px; margin-left:-20px; }

.smart-forms .tip-right:after {

	top:12px;

	right: 100%;

	border-right: 8px solid #333333;

	border-top: 8px solid transparent;

	border-bottom: 8px solid transparent;	

}



.smart-forms .gui-input:focus + .tip-right,

.smart-forms .gui-textarea:focus + .tip-right,

.smart-forms .select > select:focus ~ .tip-right { left: 100%; margin-left:5px; }



/* @tooltip right-top

------------------------------------------------- */

.smart-forms .tip-right-top { bottom: 100%; margin-bottom: -20px; }

.smart-forms .tip-right-top:after {

	top: 100%;

	right: 12px;

	border-top: 8px solid #333333;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

}



.smart-forms .gui-input:focus + .tip-right-top,

.smart-forms .gui-textarea:focus + .tip-right-top,

.smart-forms .select > select:focus ~ .tip-right-top {

	right: 0;

	left: auto;

	margin-bottom: 10px;

}



/* @tooltip left-top

------------------------------------------------- */

.smart-forms .option .tooltip,

.smart-forms .tip-left-top { bottom: 100%; margin-bottom: -20px; }

.smart-forms .option .tooltip:after,

.smart-forms .tip-left-top:after {

	top: 100%;

	left: 12px;

	border-top: 8px solid #333333;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

}

.smart-forms .option:hover .tooltip,

.smart-forms .gui-input:focus + .tip-left-top,

.smart-forms .gui-textarea:focus + .tip-left-top,

.smart-forms .select > select:focus ~ .tip-left-top {

	left: 0;

	right: auto;

	margin-bottom: 10px;

}



.smart-forms .option:hover .tooltip{

	left:-10px;

}



/* @tooltip right-bottom

------------------------------------------------- */

.smart-forms .tip-right-bottom { top: 100%; margin-top: -20px; }

.smart-forms .tip-right-bottom:after {

	right: 12px;

	bottom: 100%;

	border-bottom: 8px solid #333333;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

}



.smart-forms .gui-input:focus + .tip-right-bottom,

.smart-forms .gui-textarea:focus + .tip-right-bottom {

	margin-top: 10px;

	left: auto;

	right: 0;

}



/* @tooltip left-bottom

------------------------------------------------- */

.smart-forms .tip-left-bottom { top: 100%; margin-top: -20px; }

.smart-forms .tip-left-bottom:after {

	left: 12px;

	bottom: 100%;

	border-bottom: 8px solid #333333;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

}



.smart-forms .gui-input:focus + .tip-left-bottom,

.smart-forms .gui-textarea:focus + .tip-left-bottom {

	margin-top:10px;

	right: auto;

	left: 0;

}



/* @lists

-------------------------------------------------------------- */

.smart-forms .smart-list{ list-style:none; margin:0; padding:0; }

.smart-forms .smart-list li{ margin-bottom:20px; }



/* @notification messages | info | error | warning | success

-------------------------------------------------------------- */

.smart-forms .form-msg{ display:none; }

.smart-forms .notification { color: #444; padding:15px; position:relative; }

.smart-forms .notification p{ margin:0; padding:0 15px; padding-left:5px; line-height:normal;  }

.smart-forms .notification .close-btn{

	margin-top: -7px;

	padding: inherit;

	position: absolute;

	text-decoration:none; 

    font: bold 20px/20px Arial, sans-serif;

	opacity: 0.65; 	

	color: inherit;

    display: block;    

    right:1px;

	top:14%;

}



.smart-forms .notification .close-btn:hover{ opacity: 1; }

.smart-forms .alert-info { color:#163161; background-color: #cfe6fc; }

.smart-forms .alert-success { color:#336633; background-color: #d2f7ad; }

.smart-forms .alert-warning { color: #CC6600; background-color: #fae7a2; }

.smart-forms .alert-error { color:#990000; background-color: #FBDBCF; }

.smart-forms .notification ul{ 

	margin-left:1.3em; 

	list-style-position: inside;

	margin-top:10px;

} 



/* @validaion - error state

------------------------------------- */

.smart-forms .state-error .gui-input,

.smart-forms .state-error .gui-textarea,

.smart-forms .state-error.select > select,

.smart-forms .state-error.select-multiple > select,

.smart-forms .state-error input:hover + .checkbox, 

.smart-forms .state-error input:hover + .radio,

.smart-forms .state-error input:focus + .checkbox, 

.smart-forms .state-error input:focus + .radio,

.smart-forms .state-error .checkbox, 

.smart-forms .state-error .radio{

	background:#FEE9EA;

	border-color:#DE888A;

}



.smart-forms .state-error .gui-input:focus,

.smart-forms .state-error .gui-textarea:focus,

.smart-forms .state-error.select > select:focus,

.smart-forms .state-error.select-multiple > select:focus{

	-webkit-box-shadow:0px 0px 3px #DE888A inset;

	-moz-box-shadow:0px 0px 3px #DE888A inset;

	-o-box-shadow:0px 0px 3px #DE888A inset;

	box-shadow:0px 0px 3px #DE888A inset;

}



.smart-forms .state-error .gui-input ~ .field-icon i,

.smart-forms .state-error .gui-textarea ~ .field-icon i{  color: #DE888A; }

.smart-forms .state-error.select .arrow { color: #DE888A; }

.smart-forms .state-error.select > select:focus + .arrow{ color:#DE888A; }

.smart-forms .state-error .gui-input ~ .input-hint,

.smart-forms .state-error.file .gui-file:hover + .gui-input, 

.smart-forms .state-error .gui-textarea ~ .input-hint { border-color:#DE888A; }

.smart-forms .state-error + em{ 

	display: block!important;

	margin-top: 6px;

	padding: 0 3px;

	font-family:Arial, Helvetica, sans-serif;

	font-style: normal;

	line-height: normal;

	font-size:0.85em;

	color:#DE888A;

}



/* @validaion - success state 

-------------------------------------------------- */

.smart-forms .state-success .gui-input,

.smart-forms .state-success .gui-textarea,

.smart-forms .state-success.select > select,

.smart-forms .state-success.select-multiple > select,

.smart-forms .state-success input:hover + .checkbox, 

.smart-forms .state-success input:hover + .radio,

.smart-forms .state-success input:focus + .checkbox, 

.smart-forms .state-success input:focus + .radio, 

.smart-forms .state-success .checkbox, 

.smart-forms .state-success .radio{

	background:rgba(255, 250, 235, 0.45);

	border-color:rgba(181, 157, 78, 0.38);

}



.smart-forms .state-success .gui-input:focus,

.smart-forms .state-success .gui-textarea:focus,

.smart-forms .state-success.select > select:focus,

.smart-forms .state-success.select-multiple > select:focus{ 

	-webkit-box-shadow:0px 0px 3px #d4c591 inset; 

	-moz-box-shadow:0px 0px 3px #d4c591 inset; 

	-o-box-shadow:0px 0px 3px #d4c591 inset; 

	box-shadow:0px 0px 3px #d4c591 inset; 

}



.smart-forms .state-success .gui-input ~ .field-icon i,

.smart-forms .state-success .gui-textarea ~ .field-icon i{  color: #d4c591; }

.smart-forms .state-success.select .arrow { color: #d4c591; }

.smart-forms .state-success.select > select:focus + .arrow{ color:#d4c591; }

.smart-forms .state-success .gui-input ~ .input-hint,

.smart-forms .state-success.file .gui-file:hover + .gui-input, 

.smart-forms .state-success .gui-textarea ~ .input-hint { border-color:#d4c591; }



/* @disabled state 

----------------------------------------------- */

.smart-forms .button[disabled],

.smart-forms .state-disabled .button,

.smart-forms input[disabled] + .radio,

.smart-forms input[disabled] + .checkbox,

.smart-forms .switch > input[disabled] + label{

	cursor: default;

	opacity:0.5;

}



.smart-forms .gui-input[disabled],

.smart-forms .gui-textarea[disabled], 

.smart-forms .select > select[disabled], 

.smart-forms .select-multiple select[disabled],

.smart-forms .gui-input[disabled] ~ .input-hint,

.smart-forms .file .gui-file[disabled] + .gui-input,

.smart-forms .file .gui-file[disabled]:hover + .gui-input, 

.smart-forms .gui-textarea[disabled] ~ .input-hint {    

	background-color: #f4f6f6;

	border-color: #d5dbdb!important;

	cursor: default;

	color: #d5dbdb;

	opacity:0.7;

}



.smart-forms input[disabled] ~ .field-icon i,

.smart-forms textarea[disabled] ~ .field-icon i,

.smart-forms .select > select[disabled] + .arrow{ 

	opacity:0.4; 

}



/* @jquery ui helper classes 

----------------------------------------------- */

.ui-helper-hidden {

	display: none;

}



.ui-helper-hidden-accessible {

	border: 0;

	clip: rect(0 0 0 0);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: 1px;

}

.ui-helper-reset {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	line-height: 1.3;

	text-decoration: none;

	font-size: 100%;

	list-style: none;

}

.ui-helper-clearfix:before,

.ui-helper-clearfix:after {

	content: "";

	display: table;

	border-collapse: collapse;

}

.ui-helper-clearfix:after {

	clear: both;

}

.ui-helper-clearfix {

	min-height: 0;

}

.ui-helper-zfix {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	opacity: 0;

	filter:Alpha(Opacity=0);

}



.ui-front {

	z-index: 100;

}



/* @datepicker - requires jquery ui

----------------------------------------------- */

.ui-datepicker {

	width: 18em;

	margin-top:8px;

	display: none;

	background: #fff;

	position:relative;

	font: 14px/1.55  "Lato", Arial, Helvetica, sans-serif;

	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);

	-moz-box-shadow: 0 0 4px rgba(0,0,0,.1);

	-o-box-shadow: 0 0 4px rgba(0,0,0,.1);

	box-shadow: 0 0 4px rgba(0,0,0,.1);

	border:1px solid #CFCFCF;

	z-index:9999!important;		

	text-align: center;

	color: #666;

	

}



.ui-datepicker a { color: #404040; text-align:center; }

.ui-datepicker .ui-state-disabled span{ color:#DBDBDB;}

.ui-datepicker .ui-datepicker-header {

	position: relative;

	background: #F5F5F5;

	border-bottom:1px solid #CFCFCF;

	line-height: 27px;

	font-size: 15px;

	padding: 10px;

}



.ui-datepicker .ui-datepicker-prev,

.ui-datepicker .ui-datepicker-next {

	width: 34px;

	height: 34px;

	display: block;

	font-size: 14px;

	position: absolute;

	text-decoration: none;

	cursor: pointer;

	color:#bdbdbd;

	top:20.5%;

}



.ui-datepicker .ui-datepicker-prev { left: 2px;  }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-title { 

	margin: 0 2.3em; 

	line-height: 1.8em; 

	text-align: center;

	color:#bdbdbd; 

}



.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.ui-datepicker select.ui-datepicker-month,

.ui-datepicker select.ui-datepicker-year { width: 49%; }

.ui-datepicker table {

	width: 100%;

	font-size: .9em;

	margin: 0 0 .4em;

	border-collapse: collapse;

}



.ui-datepicker th {

	padding: .5em .3em;

	text-align: center;

	font-weight: bold;

	border: 0;

}



.ui-datepicker td { border: 0; padding:2px 5px; }

.ui-datepicker td span,

.ui-datepicker td a {

	padding: .25em;

	display: block;

	text-align: center;

	text-decoration: none;

}



.ui-datepicker td span:hover,

.ui-datepicker td a:hover {  background:#F5F5F5; }

.ui-datepicker .ui-state-disabled span:hover{ background:none; }

.ui-datepicker-today a, .ui-datepicker-today a:hover, 

.ui-datepicker .ui-state-highlight {

	font-weight: 700;

	background: #b69e4f !important;

	color:#fff;

}



/* @multiple calendars || not responsive use carefully 

--------------------------------------------------------------- */

.cal-widget .ui-datepicker { width: 100%; margin-top:0; }

.cal-widget .ui-datepicker:before{ display:none; }

.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.333%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }



/* @ ui buttons

---------------------------------------------------------------- */

.ui-datepicker-buttonpane{ border-top:1px solid #CFCFCF; padding:10px;  }

.ui-datepicker-buttonpane button {

	padding: 8px 12px;

	margin-right: .2em;

	position: relative;

	line-height: normal;

	display: inline-block;

	-webkit-user-drag: none;

	text-shadow: 0 1px rgba(255, 255, 255, 0.2);

	vertical-align: middle;

	background: #DBDBDB;

	text-align: center;

	overflow: visible;	

	cursor: pointer;

	color: #243140;

	border:0;

}



/* @ ui buttons :hover, :active states 

---------------------------------------------------------------- */

.ui-datepicker-buttonpane button:hover { color: #243140; background: #E8E8E8; }

.ui-datepicker-buttonpane button:active{ color: #1d2938; background: #C4C4C4; }

.ui-monthpicker .ui-datepicker-header{ margin-bottom:3px; }







/* @form rows 

--------------------------------- */

.smart-forms .frm-row{ margin:0 -10px;  }

.smart-forms .slider-group:before,

.smart-forms .slider-group:after,

.smart-forms .frm-row:before,

.smart-forms .frm-row:after { display: table; content: ""; line-height: 0; }

.smart-forms .slider-group:after, 

.smart-forms .frm-row:after{ clear: both; }



/* @form columns 

----------------------------------- */

.smart-forms .frm-row .colm{ 

	min-height:1px; 

	padding-left:10px; 

	padding-right:10px; 

	position:relative; 

	float:left; 

}



.smart-forms .frm-row .colm1{width:8.33%;}

.smart-forms .frm-row .colm2{width:16.66%;}

.smart-forms .frm-row .colm3{width:25%;}

.smart-forms .frm-row .colm4{width:33.33%;}

.smart-forms .frm-row .colm5{width:41.66%;}

.smart-forms .frm-row .colm6{width:50%;}

.smart-forms .frm-row .colm7{width:58.33%;}

.smart-forms .frm-row .colm8{width:66.66%;}

.smart-forms .frm-row .colm9{width:75%;}

.smart-forms .frm-row .colm10{width:83.33%;}

.smart-forms .frm-row .colm11{width:91.66%;}

.smart-forms .frm-row .colm12{width:100%; }

.smart-forms .frm-row .colm1-5{width:20%;}

.smart-forms .frm-row .colm1-8{width:12.5%;}



/* Firefox select fix - select arrow hack  disabled on FF 30+

-------------------------------------------------------------- */

@-moz-document url-prefix() {

	.smart-forms .select:before{ 

		content: '';

		pointer-events:none;		

		-moz-transition:none;

		transition:none;

		position: absolute; 

		background: #F5F5F5; 

		width: 36px;

		right:1px;

		top:1px; 

		bottom:1px;

		z-index:99;  

	}

	

	.smart-forms .select > select:focus,

	.smart-forms .select > select:hover,

	.smart-forms .select:hover select,

	.smart-forms .select:hover:before{ 

		background: #fff;

		-moz-transition:none;

		transition:none;		

		-moz-box-shadow:none;  	

		box-shadow:none;		

	}

	

	.smart-forms .select .arrow {  z-index:100;  }

	.smart-forms .state-error.select > select:focus,

	.smart-forms .state-error.select > select:hover,

	.smart-forms .state-error.select:hover select,

	.smart-forms .state-error.select:hover:before,	

	.smart-forms .state-error.select:before { background:#FEE9EA;  }

	

	.smart-forms .state-success.select > select:focus,

	.smart-forms .state-success.select > select:hover,

	.smart-forms .state-success.select:hover select,

	.smart-forms .state-success.select:hover:before,		

	.smart-forms .state-success.select:before { background:#fffaeb;  }	

			

}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.smart-forms .select .arrow:after,

	.smart-forms .select .arrow:before { display:block; }

}



/* @Fix old of versions android + ios

------------------------------------------------------------- */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

        .smart-forms .option, 

        .smart-forms .rating, 

        .smart-forms .switch, 

		.smart-forms .captcode { -webkit-animation: bugfix infinite 1s; }

        @-webkit-keyframes bugfix { 

            from { padding: 0;  } 

            to { padding: 0; } 

        }

		.smart-forms .switch { margin-right:10px;  margin-bottom:5px; }

		.smart-forms .option { margin-right:15px; }

		.smart-forms .switch-round > .switch-label:after{ font:20px/18px Times, Serif; }				

}



/* @responsiveness for tablets + smart mobile 

-------------------------------------------------- */

@media (max-width: 800px) {

	.smart-forms .frm-row{ margin:0;  }

	.smart-forms .frm-row .colm{  width: 100%; float:none; padding:0; }

	.smart-forms .bdl { border-left:0;  }

	.smart-forms .bdr { border-right:0; }

	.smart-forms .align-right{ text-align: left; }

}




.full-width-section {
    visibility: visible !important;
}
.rda_fadeIn {
    visibility: visible !important;
}