/*
Theme Name: SSXTHEME
Theme URI: http://demo.com/themes/ssxtheme
Author: the ssx team
Author URI: http://demo.com/
Description: The SSXTHEME theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ssxtheme


/*Global CSS*/

/*Global CSS*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
* { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; color: #606060; font-size: 16px; line-height: 26px; font-family: 'Open Sans', sans-serif; font-weight: 400; background: #181d21; }
.clear { height: 0px; overflow: hidden; clear: both; }
input:focus, textarea:focus, button:focus, a:focus { outline: none; }
img { display: block; max-width: 100%; height: auto; border: 0px; }
p { padding-bottom: 20px; font-size: 16px; line-height: 26px;  color: #606060;}
p a { color: #606060; text-decoration: none; }
a:hover { color: #176067; }
strong { font-weight: 700; }
hr { display: block; clear: both; height: 1px; width: 100%; background: #cdcdcd; padding: 0px; border: 0px; margin: 33px 0 36px; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: 400; color: #176067;}
input, select, button, textarea { font-family: 'Open Sans', sans-serif; font-weight: 400; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 23px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

 input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }


ul, ol { padding: 0px 0px 14px 15px; }
ul li, ol li { padding-bottom: 5px; font-size: 16px;  line-height: 26px; color: #176067;}
::-webkit-input-placeholder { color: #606060; opacity: 1 !important; }
:-moz-placeholder { color: #606060; opacity: 1 !important; }
::-moz-placeholder { color: #606060; opacity: 1 !important; }
:-ms-input-placeholder { color: #606060; opacity: 1 !important; }
.btn { margin-top: 28px; padding: 8px 22px 11px; display: inline-block; vertical-align: top; text-align: center; background: #4de7d7; color: #3a595b; font-size: 15px; font-weight: 700; text-decoration: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
.btn:hover { background: #42cdbf; }
html { height: 100%; }
body.home, body.page-template-thankyou { height: 100%; }
body.home #layout, body.page-template-thankyou #layout { height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover; }
body.page-template-thankyou #layout { background-image: url(images/body-bg.jpg); }
body.home #layout:after, body.page-template-thankyou #layout:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(images/body-bg_overlay.png) center top no-repeat; background-size: cover; }

/* layout */
#layout { width: 100%; position: relative; overflow: hidden; background:#fff;  }
.wrapper { max-width: 1086px; margin: 0 auto; }

	/* header */
	#header { padding: 0px; position:relative; width: 100%; background: #181d21; z-index:99;  transition:all 0.2s ease-in-out}
	body.home #header, body.page-template-thankyou #header { padding: 45px 50px 25px; position: absolute; top: 0px; left: 0px; background: none; z-index: 99; } 
	#header ul { padding: 0px; margin: 0px; list-style-type: none; text-align: right; }
	#header ul li { padding: 29px 25px 31px; font-size: 15px; text-transform: uppercase; color: #fff; line-height: 20px; display: inline-block; vertical-align: top; font-weight: 700; position: relative; border-left: 2px solid #303539;  transition:all 0.2s ease-in-out}
	body.home #header ul li { font-size: 16px; }
	#header ul li:first-child { border-left: 0px; }
	#header ul li:first-child a:before { margin: 2px 17px 0 0; content: ""; display: inline-block; vertical-align: top; width: 18px; height: 18px; background: url(images/search_icon.png) top left no-repeat; background-size: 18px auto;  }
	#header ul li:first-child a:hover:before, #header ul li:first-child:hover a:before { background-position: 0px -18px; }
	body.home #header ul li, body.page-template-thankyou #header ul li { padding: 0 0 0px 35px; border: 0px; }
	body.home #header ul li a, body.page-template-thankyou #header ul li a{ padding: 0 0 12px 0;}
	#header ul li a { display: block; text-decoration: none; color: #fff; }
	#header ul li a i { margin: 0 12px 0 0; font-size: 20px; display: inline-block; vertical-align: middle; font-weight: normal; }
	#header ul li a:hover, #header ul li:hover > a, #header ul li.current-menu-item > a, #header ul li.current-menu-ancestor > a { color: #4de7d7; }
	#header ul li:hover .hover { display: block; }
	#header ul li .hover { padding: 20px 15px; position: absolute; top: 70px; left: 10px; width: 160px; background: #4de7d7; font-size: 13px; line-height: 18px; font-style: italic; font-weight: 400; color: #000; text-align: center; text-transform: none; display: none; z-index: 99; }
	body.home  #header ul li .hover, body.page-template-thankyou  #header ul li .hover { top: 100%; }
	
	body.home #header ul .sub-menu, body.page-template-thankyou #header ul .sub-menu { left: 36px; top: 32px; z-index:999 }
    body.home #header ul .sub-menu li, body.page-template-thankyou #header ul .sub-menu li { padding:0 }
   body.home #header ul .sub-menu li a, body.page-template-thankyou #header ul .sub-menu li a{ padding:8px 0 }


	
	#header ul li .hover:before { margin-left: -12px; content: ""; position: absolute; top: -12px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #4de7d7 transparent; }
	#header .logo { margin: 21px 24px 0; max-width: 210px; float: left; position:relative; z-index:99;  transition:all 0.2s ease-in-out }
	
	#header ul .sub-menu {float:left; width:100%; padding:10px; display:none; position:absolute; top:60px; left:32px; background:#4de7d7; z-index:999}
	#header ul .sub-menu li{float:left; padding:0; width:100%; text-align:left; border:none !important;}
	#header ul .sub-menu li:first-child a::before{ display:none}
	#header ul .sub-menu li a{ color:#000000;  padding:8px 0; }
	#header ul .sub-menu li a:hover, #header ul .sub-menu li.current-menu-item a{ color:#fff;  }
	#header ul li:hover .sub-menu {display:block}
	
	
	
	#header ul .sub-menu::before {
    border-color: transparent transparent #4de7d7;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: -8px;
    width: 0;
}
	
		
	/* content */
	#innerBanner { padding: 12px; background: #304f53; min-height: 462px; text-align: center; background: url(images/innerbanner-bg.jpg) top center no-repeat; background-size: cover; position: relative;}
	#innerBanner h1 { text-align: center; font-size: 40px; line-height: 40px; font-weight: 300; font-family: 'Quicksand', sans-serif; color: #fff; text-transform: uppercase; display: inline-block; vertical-align: middle; }
	#innerBanner h1 small { display: block; font-size: 19px; line-height: 26px; font-weight: 300; font-family: 'Open Sans', sans-serif; text-transform: none; }
	#innerBanner .bannerImage { display: table; height: 338px; width: 100%; background-position: top center; background-size: cover; background-repeat: no-repeat; }
	#innerBanner .bannerImage .wrapper { line-height: 338px; position: relative; }
	#innerBanner:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(images/overlay_img.png) top center no-repeat; background-size: cover; }
	
	/* content */
	#content { padding: 0px; min-height:600px; }
	#content.confirm-page { position: relative; }
	#content.confirm-page:before { content: ""; width: 100%; height: 45px; display: block; background: url(images/innerbanner-bg.jpg) top left no-repeat; background-size: cover; }
	
	/* infoBar */
	.infoBar { position: absolute; top: 50%; left: 0px; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; z-index: 2; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
	.infoBar a.logo { max-width: 180px; margin: auto auto 15px; display: block; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out}
	.infoBar h1 { font-weight: 300; font-size: 90px; line-height: 90px; font-family: 'Quicksand', sans-serif; color: #fff; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out}
	.infoBar h1 span { padding-top: 10px; display: block; font-size: 30px; line-height: 40px; font-weight: 300; font-family: 'Open Sans', sans-serif; }
	.infoBar form { padding: 40px 0 0; max-width: 597px; margin: auto; }
	.infoBar form p { float: left; width: 510px; padding: 0px; margin: 0px; position: relative; }
	.infoBar input[type="text"] { padding: 0 15px; display: block; width: 100%; font-size: 16px; color: #333; font-weight: 300; height: 53px; border: 0px; background: #fff; }
	.infoBar input[type="submit"] { font-size: 15px; font-weight: 700; color: #3a595b; border: 0px; width: 87px; height: 53px; background: #4de7d7; text-transform: uppercase; text-align: center; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin: 0px; }
	.infoBar input[type="submit"]:hover { background: #42cdbf; }
	.infoBar .widget_wysija  h3.widget-title { display: none; }
	.infoBar .formError { top: 100% !important; left: 0px !important; overflow: hidden; }
	.formError .formErrorContent { border: 0px; height: 34px; line-height: 34px; overflow: hidden;  padding: 0 10px; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 13px; width: 185px; margin-top:4px; }
	
	
	/* registerBar */
	.registerBar { padding: 0px; margin: 0px; }
	.registerBar .profile { width: 141px; height: 141px; display: block; margin: -70px auto auto; position: relative; background-color: #fff; padding:4px; }
	.registerBar .profile.load { padding: 3px; }
	.registerBar .profile.load .defaultImg { display: none; }
	.registerBar .profile.load a.upload { display: none; }
	.registerBar .profile.load:before, .registerBar .profile.load:hover:before, .registerBar .profile.load:hover .hover { display: none; }
	.registerBar .profile .hover { padding: 0 0 12px; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; font-weight: 600; font-size: 14px; color: #fff; display: none; }
	.registerBar a.upload { position: absolute; top: 0px; right: 0px; width:100%; height: 100%; display: block; font-size: 0px; line-height: 0px; background: url(images/upload.png) 92% 10px no-repeat; background-size: 14px 17px; z-index: 1; }
	.registerBar .upload input[type="file"] { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
	.registerBar .profile:before { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; background: url(images/hover.png) bottom left repeat-x; display: none; }
	.registerBar .profile:hover:before { display: block; }
	.registerBar .profile:hover .hover { display: block; }
	.registerBar .profile .profileImg { width: 135px; height: 135px; display: none; background-size:cover; background-position: top center; background-repeat: no-repeat; position: relative; }
	.registerBar .profile.load .profileImg { display: block; }
	.registerBar .profile .profileImg:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; background: url(images/hover1.png) bottom left repeat-x; display: none; }
	.registerBar .profile.load:hover .profileImg:after { display: block; }
	.registerBar .delete { padding: 0 0 13px; display: none; font-size: 15px; line-height: 20px; text-transform: uppercase; position: absolute; bottom: 0px; left: 0px; width: 100%; text-decoration: none; text-align: center; font-weight: 700; color: #fff; }
	.registerBar .profile_delete { padding: 0 0 13px; display: none; font-size: 15px; line-height: 20px; text-transform: uppercase; position: absolute; bottom: 0px; left: 0px; width: 100%; text-decoration: none; text-align: center; font-weight: 700; color: #fff; }	
	.registerBar .profile.load .delete, .registerBar .profile.load .profile_delete { display: none; }
	.registerBar .profile.load:hover .delete, .registerBar .profile.load:hover .profile_delete { display: block; }
	.registerBar .delete:after, .registerBar .profile_delete:after { content: ""; margin: 0 0px 0 10px; width: 15px; height: 20px; display: inline-block; vertical-align: top; background: url(images/delete_icon.png) top left no-repeat; background-size: cover; }
	.registerBar .text { padding: 17px 0 22px; margin-bottom: 60px; text-align: center; border-bottom: 1px solid #d1d1d1; }
	.registerBar .text h3 { padding-bottom: 9px; font-size: 19px; color: #176067; line-height: 24px; font-weight: 400; text-align: center; }
	.registerBar .text p { font-size: 15px; line-height: 20px; font-weight: 300; color: #366e74; font-style: italic; }
	.registerBar form { padding: 0px 0 60px; clear: both; }
	.registerBar .row { clear: both; display: block; padding-bottom: 38px; }
	.registerBar label { padding-bottom: 9px; display: block; font-size: 19px; line-height: 26px; color: #176067; font-family: 'Open Sans', sans-serif; font-weight: 400; }
	.registerBar label small { font-size: 15px; font-weight: 300; color: #8c8c8c; font-style: italic; display: inline-block; vertical-align: top; padding-left: 5px; }
	.registerBar form input[type="text"], .registerBar form input[type="url"] { border: 1px solid #e6e6e6; display: block; width: 100%; font-size: 16px; height: 41px; border-radius: 10px; font-size: 16px; color: #333; font-weight: 300; padding: 0 15px; }
	.registerBar form input[type="text"].error, .registerBar form input[type="url"].error { border-color: #f00; }
	.registerBar form .tooltip { padding: 17px 0 0 8px; margin-top: -9px; text-decoration: none; display: inline-block; vertical-align: top; position: relative; }
	.registerBar form .tooltip i { color: #909090; border:1px solid #909090; border-radius: 100%; width: 14px; height: 14px; font-size: 10px; font-weight: 700; line-height: 14px; display: block; vertical-align: top; text-align: center; line-height: 10px; text-decoration: none; position: relative; font-style: normal; }
	.registerBar .left { width: 46.3%; float: left; }
	.registerBar .right { width: 46.3%; float: right; }
	.registerBar .btn.add { margin: 0px 0 7px; float: right; }
	.registerBar .browseCn { padding: 42px 0 0; margin: 49px 0 0; border-top: 1px solid #d1d1d1; }
	.registerBar .browseCn label { padding-bottom: 45px; }
	.registerBar .browseCn label small { display: block; }
	.registerBar .browseCn label strong { font-weight: 700; color: #959595; }
	.registerBar .browseCn .browse { border: 1px dashed #e6e6e6; width: 226px; height: 226px; position: relative; text-align: center; }
	.registerBar .browseCn .browse:after { display: none !important; }
	.registerBar .browseCn .browse span { padding: 83px 0 0; display: block; font-size: 15px; color: #6e6e6e; font-style: italic; font-weight: 300; line-height: 20px; }
	.registerBar .browseCn .browse span strong { display: block; text-decoration: underline; }
	.registerBar .browseCn .browse .uploadImage { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; text-decoration: none; }
	.registerBar .browseCn .browse .uploadImage:hover + span strong { color: #19b3a3; }
	.registerBar .check { margin: 60px 0 0; padding: 0 0 0 10px; text-align: center; position: relative; }
	.registerBar .check label { font-size: 15px; color: #6e6e6e; font-style: italic; font-weight: 300; line-height: 20px; display: inline-block; vertical-align: top; cursor: pointer; position: relative; z-index: 2; }
	.registerBar .check label.errorCheck { color: #f00; }
	.registerBar .check label.errorCheck a { color: #f00; }
	.registerBar .check label.errorCheck::before { border-color: #f00; }
	.registerBar .check input { padding: 0px; margin: 0px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0; }
	.registerBar .check label a { color: #6e6e6e; font-weight: 700; }
	.registerBar .check label:before { margin: 3px 12px 0 0; content: ""; border: 1px solid #a2a2a2; width: 16px; height: 16px; display: inline-block; vertical-align: top; }
	.registerBar .check input:checked + label:before { background: url(images/check.png) center center no-repeat; background-size: 9px auto; }
	.registerBar input.btn { max-width: 321px; display: block; margin: 24px auto 9px; border: 0px; width: 100%; text-align: center; cursor: pointer; }  
	.registerBar .row .hover { padding: 15px 10px 20px; text-align: center; font-size: 13px; color: #000; line-height: 16px; font-style: italic; position: absolute; bottom: 100%; left: -69px; width: 163px; background: #4de7d7; font-weight: 400; display: none; } 
	.registerBar .row .hover:after { margin-left: -8px; content: ""; position: absolute; bottom: -11px; left: 50%; display: block; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 11px; border-color: #4de7d7 transparent transparent transparent; }
	.registerBar .row .hover.small { width: 107px; left: -40px; }
	.registerBar .row.active .hover { display: block; }
	.registerBar .row.active i { color: #4de7d7; border-color: #4de7d7; }
	.registerBar .row .tooltip:hover i { color: #4de7d7; border-color: #4de7d7; }
	.registerBar form ul.uploadList { padding: 0px; margin: 0px -30px 0 -30px; list-style-type: none; overflow: hidden; }
	.registerBar form ul.uploadList li { width: 226px; float: left; margin: 0 30px 30px 30px; position: relative; padding: 0px; }
	.registerBar form ul.uploadList li:nth-of-type(4n) { margin-right: 0px; }
	.registerBar form ul.uploadList li .upload_image { width: 100%; height: 226px; border: 1px solid #e6e6e6; background-size: cover; background-repeat: no-repeat; background-position: top center; display: block; }
	.registerBar form ul.uploadList li:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; background: url(images/overlay_img1.png) bottom left repeat-x; display: none; }
	.registerBar form ul.uploadList li img {  }
	.registerBar h3 { padding-bottom: 9px; display: block; font-size: 19px; line-height: 26px; color: #176067; font-family: 'Open Sans', sans-serif; font-weight: 400; }
	.registerBar textarea { padding: 15px 15px; border: 1px solid #e7e7e7; font-size: 15px; color: #8c8c8c; font-weight: 300; line-height: 20px; resize: none; border-radius: 15px; width: 222px; min-height: 142px; }
	.registerBar form ul.uploadList li.delete {  }
	.registerBar form ul.uploadList li .delete { z-index: 3; text-align: right; padding: 0px 22px 17px 0; }
	.registerBar form ul.uploadList li:hover .delete { display: block;  }
	.registerBar form ul.uploadList li:hover:after { display: block; }
	.registerBar span.error { display: none !important; }
	.registerBar label.error { display: none !important; }
	.registerBar .right .row { padding-bottom: 0px; } 
	.registerBar form .right input[type="text"], .registerBar form .right input[type="url"] { margin-bottom: 14px; }
	
	
	/* confirmBar */
	.confirmBar { padding: 0px 0 40px; margin: 0px;  }
	.confirmBar .title { padding: 80px 0 66px; text-align: center; }
	.confirmBar h1 { padding: 0 0 2px; font-size: 40px; font-weight: 300; line-height: 46px; font-family: 'Quicksand', sans-serif; color: #176067; text-transform: uppercase; }
	.confirmBar .title p { font-size: 19px; line-height: 26px; font-weight: 300; color: #176067; }
	.confirmBar .detail { padding: 55px 0 59px; overflow: hidden; clear: both; border-top: 1px solid #d1d1d1; }
	.confirmBar .detail figure { width: 20.6%; float: left; }
	.confirmBar .detail aside { padding: 50px 0 0 45px; width: 79.4%; float: left; }
	.confirmBar h2 { padding-bottom: 13px; font-size: 30px; line-height: 36px; color: #176067; font-weight: 400; }
	.confirmBar h2 img { display: inline-block; vertical-align: top; margin: 7px 8px 0 0; max-width: 22px; }  
	.confirmBar .detail p { padding: 0 0 10px; font-style: normal; color: #8c8c8c; font-size: 15px; line-height: 20px; }
	.confirmBar .list { padding: 35px 0 118px 267px; overflow: hidden; clear: both; border-top: 1px solid #d1d1d1; } 
	.confirmBar h3 { padding-bottom: 9px; font-weight: 400; font-size: 23px; line-height: 26px; color: #176067; }
	.confirmBar .repeat { padding: 12px 0 29px; margin: 0px; list-style-type: none; overflow: hidden; clear: both; }
	.confirmBar .repeat li { margin: 0 27px 27px 0; width: 225px; float: left; }
	.confirmBar .repeat li img { border: 1px solid #e0e0e0; margin: 0 0 17px; }
	.confirmBar .repeat li .author { display: block; font-size: 15px; line-height: 20px; color: #8c8c8c; }
	.confirmBar .list p { font-size: 15px; color: #8c8c8c; line-height: 26px; font-weight: 400; }
	.confirmBar .list p a { color: #8c8c8c; display: table; text-decoration: none; }
	.confirmBar .bottom { padding: 68px 0 0 125px; clear: both; overflow: hidden; }
	.confirmBar .bottom .btn { margin: 0 3px; }
	.confirmBar.succes_page .detail { text-align: center; padding: 68px 0 59px; }
	.confirmBar.succes_page .detail figure { width: 100%; display: block; text-align: center; float: none; }	
	.confirmBar.succes_page .detail figure img { display: block; margin: auto; }
	.confirmBar.succes_page .detail aside { width: 100%; float: none; padding: 20px 0 0px; }
	.confirmBar.succes_page .title { padding-bottom: 40px; }
	.confirmBar.succes_page h2 img { display: block; margin: auto auto 8px; }
	.confirmBar.succes_page h2 { padding-bottom: 5px; }
	.confirmBar .btnBox { padding: 0px 0; text-align: center; }
	.confirmBar .btnBox a { display: table; margin: auto; }
	.confirmBar .btnBox .btn { padding: 8px 25px 11px; position: relative; }
	.confirmBar .btnBox .finished { margin: 5px auto; font-size: 15px; color: #6e6e6e; line-height: 20px; font-weight: 600; font-style: italic; }
	.confirmBar .btnBox .hover { margin-left: -75px; padding: 15px 20px 20px; text-align: center; font-size: 13px; color: #000; line-height: 16px; font-style: italic; position: absolute; bottom: 100%; left: 50%; width: 150px; background: #4de7d7; font-weight: 400; display: none; } 
	.confirmBar .row { padding: 29px 0 0; position: relative; display: table; margin: auto; }
	.confirmBar .row + .row { padding: 13px 0 29px; }
	.confirmBar .row + .row .hover { bottom: auto; top: 100%; }
	.confirmBar .btnBox .hover:after { margin-left: -8px; content: ""; position: absolute; bottom: -11px; left: 50%; display: block; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 11px; border-color: #4de7d7 transparent transparent transparent; }
	.confirmBar .row + .row .hover:after { bottom: auto; top: -11px; border-width: 0px 11px 11px 11px; border-color: transparent transparent #4de7d7 transparent; }
	.confirmBar .row + .row .hover { width: 161px; margin-left: -81px; padding: 15px 15px 20px; }
	.confirmBar .row:hover .hover { display: block; }
	.confirmBar .row:hover .btn { background: #42cdbf; } 
	.confirmBar .btnBox .finished:hover { color: #2b5f5e; text-decoration: underline; }
	
	/* footer */
	#footer { padding: 28px 0px 24px; text-align: center; background: #181d21; }	
	#footer a.footer_logo { max-width: 215px; display: block; margin: auto; }
	#footer p { padding: 15px 0 0; font-size: 12px; line-height: 18px; color: #a3a3a3; font-weight: 600; }
	#footer p a { color: #a3a3a3; text-decoration: none; }  
	#footer p a:hover { text-decoration: underline; color: #fff; }  
	#footer p span { color: #4de7d7; display: inline-block; vertical-align: top; padding: 0 2px; }	
/* lightBox */
.lightBox { padding: 30px;  background: #fff; width: 728px; display:none }		
.lightBox h2 { padding: 0 0 33px; margin-bottom: 40px; border-bottom: 1px solid #d1d1d1; font-size: 20px; line-height: 26px; color: #176067; font-weight: 400; }
.lightBox h2 span { padding-top: 3px; font-size: 15px; line-height: 20px; font-style: italic; color: #8c8c8c; display: block; } 
.lightBox h2 span strong { font-weight: 700; }
.lightBox ul { margin: 0px; padding: 0px; list-style-type: none; }
.lightBox li { margin: 0 0px 28px 0; width: 48.2%; border: 1px solid #f4f4f4; float: left; padding: 0px; }
.lightBox li .preview { width: 100%; height: 293px; border: 1px solid #e6e6e6; background-size: cover; background-repeat: no-repeat; background-position: top center; display: block; }
.lightBox li img.preview { position: relative; z-index: 2; margin: 0px; display: block !important; }
.lightBox li.browse img.preview { display: none !important; }
.lightBox li.browse .preview { display: none !important; }
.lightBox li .upload_image { position: absolute; top: 0px; left: 0px; opacity: 0; }
.lightBox li:nth-of-type(2n) { float: right; }
.lightBox li.browse { padding: 115px 0 0; border: 1px dashed #e6e6e6; height: 293px; text-align: center; position: relative; }
.lightBox li.browse input { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; cursor: pointer; }
.lightBox li.browse input:hover + span { color: #19b3a3; }
.lightBox li.browse span { font-size: 15px; color: #6e6e6e; line-height: 20px; font-weight: 600; font-style: italic; text-decoration: underline; display:block; }
.lightBox .bottom { padding-top: 10px; clear: both; text-align: right; }
.lightBox .bottom .cancle { margin: 10px 28px 0 0; display: inline-block; vertical-align: top; font-size: 15px; color: #6e6e6e; font-weight: 600; line-height: 20px; font-style: italic; } 
.lightBox .bottom .cancle:hover { color: #2b5f5e; text-decoration: underline; }
.lightBox .bottom .btn { margin: 0px; }
.lightBox .close { position: absolute; top: 25px; right: 32px; width: 20px; height: 20px; background: url(images/close.png) top left no-repeat; background-size: cover; display: block; font-size: 0px; line-height: 0px; }
.lightBox input[type="submit"] { padding: 8px 22px 11px; display: inline-block; vertical-align: top; text-align: center; background: #4de7d7; color: #3a595b; font-size: 15px; font-weight: 700; text-decoration: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; cursor: pointer; border: 0px; text-transform: uppercase; }
.lightBox input[type="submit"]:hover { background: #42cdbf; }
.preview{ display:none;}
	
.wysija-msg.ajax { display: none !important; }
.page-template-thankyou #footer { display: none; }
.page-template-thankyou #header .logo { display: none; }

.confirm-page.default .confirmBar .title { text-align: left; }
.confirm-page.default .confirmBar .title h1 { padding-bottom: 20px; }
.confirm-page.default .confirmBar .title p { font-size: 16px; line-height: 26px; }
.required{ color:#ff0000}


#back-to-top {
	 background: url(images/top_btn.png) 0 0 no-repeat;
    bottom: 10px;
    color: #9da0a2;
    cursor: pointer;
    display: none;
    height: 32px;
    letter-spacing: 0.03em;
    position: fixed;
    right: 15px;
    text-align: center;
    width: 32px;
    z-index: 9999;
}





/* menuBar */
		
		.menuBar {  z-index: 9; width:100%; position:relative; text-align:center}
		.menuBar a.mobilemenu { display: none; text-indent:-999999px}
		.menuBar ul {}
		.menuBar li {}
		.menuBar li a { }
		
	
		.menuBar li a:hover, .menuBar li.active > a, .menuBar li.selected > a{}
		
		.menuBar li li a:hover { }
		.menuBar a.close { display: none; }
		.menuBar li:first-child { padding-left:0 }


		.term_condition_pop{ max-width:800px; padding:10px 35px 10px; max-height:800px; display:none}
		.term_condition_pop h3{ font-weight:bold }
		.page-template-register-now .fancybox-outer{ padding:20px 0 !important;}	
		.title a[href^="mailto:"]:hover{ text-decoration:underline }
		
		/* 09 03 0 
		
.infoBar form {  margin: auto;   max-width:770px;  padding: 40px 0 0;}
.infoBar form input[type="text"] {  background: #fff; border:none;  color: #333; display: inline-block; font-size: 16px; font-weight: 300; height: 53px; padding: 0 15px; width: 46%;}
.infoBar form input[type="text"].city {  background: #fff; border:none;  color: #333; display: inline-block; font-size: 16px; font-weight: 300; height: 53px; padding: 0 15px; width: 25%;}
.infoBar form select {  background:none; border:none;  color: #333; display: inline-block; font-size: 16px; font-weight: 300; height: 53px; width: 100%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; padding:0 54px 0 10px; }
.infoBar form select option { padding:10px; }

.infoBar form span{position:relative; background: #fff url(images/select_bg01.jpg) right 0 no-repeat;  width: 25%; margin:0 10px; height:53px; display:inline-block;  padding: 0px; }
.infoBar form span::after11 {
    background: #ccc none repeat scroll 0 0;
    content: "";
    float: right;
    height: 53px;
    position: absolute;
    right: 10px;
    top: -15px;
    width: 53px;
    z-index: 9999;
}

.infoBar form input[type="submit"] {
    background: #4de7d7;
    border: 0 none;
    color: #3a595b;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    height: 53px;
    margin: 40px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 120px;
}
.registerBar .right .row.stateval {padding-bottom:38px}
	
.stateval select {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 41px;
    padding: 0 15px;
    width: 100%;  background:none;
    -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none;
}
.stateval select option { padding:10px; }

.stateval span{ background: #fff url(images/select_bg02.jpg) right 0 no-repeat;  width: 100%; margin:0px; height:40px; display:inline-block;  padding: 0px; }	

.contactsec p {text-align:center; text-transform: capitalize; font-size:18px!important;}
.contactsec p strong{ display:block}


.context{
    border-top: 1px solid #d1d1d1;
    margin-top: 50px;
    padding: 50px 0 22px;
    text-align: center;
}

.context h3 {
    color: #176067;
    font-family: "Quicksand",sans-serif;
    font-size:30px;
    font-weight: 700;
    line-height: 46px;
    padding: 0 0 25px;
    text-transform: uppercase;
}

.context p a {
    color: #176067; text-decoration:underline
    
}

.contactform{ float:left: width:100%}

.contactform .row {
    clear: both;
    display: block;
    padding-bottom: 38px;
}
.contactform .left {
    float: left;
    width: 46.3%;
}
.contactform .right {
    float: right;
    width: 46.3%;
}
.contactform label {
    color: #176067;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 9px;
}
.contactform input[type="text"], .contactform input[type="email"] {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 41px;
    padding: 0 15px;
    width: 100%;
}


.contactform textarea {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 159px;
    padding: 5px 15px;
    width: 100%;
}

.contactform .right .row.stateval {padding-bottom:38px}
	
.contactform select {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 41px;
    padding: 0 15px;
    width: 100%;  background:none;
    -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none;}
.contactform  .stateval select option { padding:10px; }

.contactform  .stateval span{ background: #fff url(images/select_bg02.jpg) right 0 no-repeat;  width: 100%; margin:0px; height:40px; display:inline-block;  padding: 0px; }	
		
.contactform input[type="submit"] {
    background: #4de7d7 none repeat scroll 0 0;
    color: #3a595b;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 28px;
     padding: 17px 40px 15px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    vertical-align: top; border:none; cursor:pointer
}	
.contactform input[type="submit"]:hover {
    background: #42cdbf none repeat scroll 0 0;
}
.contactform p{text-align:center} */


	#innerBanner.about_spacer.faq .bannerImage {  height: 299px; }
	#innerBanner.about_spacer.faq .bannerImage .wrapper { line-height: 299px; }
	#innerBanner.about_spacer.faq { min-height: 322px; }
	#innerBanner.about_spacer.faq:before { height: 140%; }
	#innerBanner.about_spacer.faq{ overflow: hidden; width: 100%;  }

	#content.confirm-page.faq::before { display: none; }
	#content.confirm-page.faq{ margin-top: 0px; }
	
	@media only screen and (max-width: 767px) {
#header { overflow: hidden; }
}