/* Global Reset & Standards ---------------------- */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    font-family: 'Open Sans', sans-serif;

}
html {	height: 100%;-webkit-text-size-adjust: 100%; /* Automatically adjusted for Safari on iPhone. */	-ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display: block;}
fieldset, img {	border: 0; max-width:100%; }


/* Links ---------------------- */
a { color: #fff; text-decoration: none; line-height:inherit; outline:none;
-webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;}

p a, p a:visited {line-height: inherit;}


/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Lists ---------------------- */
ul, ol, dl { margin:0; padding:0; list-style:none; }
ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* headings */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight: normal;font-family: 'Open Sans';  color: #555; padding:0 0 10px 0;}
h1{font-size: 24px; padding: 0;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size:15px;}


/* inpput */
input::-moz-focus-inner{border: 0; padding: 0;}

strong{font-weight:700;}

/* Misc ---------------------- */
.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-center { text-align: center !important;}
.smooth_hide { visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;  position: absolute; }
.hide { display: none !important; }
.highlight { background: #ffff99; }
.nomargin{margin:0 !important;}
.autoheight{ height:auto !important;}
.nopadding{padding:0 !important;}
.nopadding_bottom{padding-bottom:0 !important;}
.nopadding_top{padding-top:0 !important;}
.noborder{border:none !important;}
.none_transition{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.clearfix {clear:both; display: table;}
.clearfix:before, .clearfix:after {	content: "";	display: table;}
.clearfix:after {clear: both;}
.aligncenter{text-align:center !important;}
.clear{clear:both; display:block;}
.nobackground{background:none !important;}
.nobackground-image{background-image:none !important;}
.nomargin_bottom{margin-bottom:0 !important;}
.nomargin_right{margin-right:0 !important;}
.show{display:block!important;}
.gap{margin:20px 0; display:inline-block;}
.noBorder{border:0 none!important;}

input, select, textarea{ outline:none; border:0px; resize:none;}
input[type="submit"], input[type="button"], input[type="search"]{-webkit-appearance:none; }
input[type="text"],input[type="password"], textarea{-webkit-appearance:none; }
.mandatory{color: #ef2e25; font-size:14px;}
.capitalize{text-transform:uppercase;}textarea{overflow:hidden;}





/* header */
main {
    height: 100%;
    position: relative;
}


#header {
    z-index: 100; display: block;
	
}

/* container */
.fixed_container{height: 100%; max-width:1295px; width: 100%; margin:0 auto; position:relative;  min-height:100%; }
.fixed_container:after{clear: both; content:""; display: block; height: 0; visibility:hidden;}



/* body */
body{padding:0px; background:#677781; font-family: 'Open Sans', sans-serif; padding:0; min-height: 100%; overflow-x:hidden; overflow-y:scroll;}




/********COMMON CSS*******/

.section_primary{ background: #fff;padding: 40px 0;}


#wrapper{  background:#fff; height: 100%;  width: 100%; margin:0 auto; position:relative;  min-height:100%; }
#wrapper:after{clear: both; content:""; display: block; height: 0; visibility:hidden;}
.section_full{padding:50px 0; width:100%;}


/*breadcrumb*/
.breadcrumb{ background:#333333; padding:12px 0;  color:#27aae0;}
.breadcrumb span{ color:#fff; font-size:14px;}
.breadcrumb a{ color:#27aae0;  font-size:14px;}

/*page Title*/
.page_title{ padding: 20px 0;}
.page_title .title{text-align: left; margin-bottom: 20px;}
.page_title .title h2{color:#27aae0; font-size:50px; font-weight: 400;} 
.page_title .title p{color:#333333; font-size:25px; font-weight: 300; line-height: 0.5;}



.image_wrap img{max-width:100%;}


/*Common Button*/
.common_blue_bttn{background: #24a4e4;
    border-radius: 40px;
    color: #fff;
    padding:12px 20px; font-weight: 600; font-size:20px;   display: inline-block;}
	
.common_black_bttn{background: #333333;
    border-radius: 40px;
    color: #fff;
    padding: 10px 20px; font-weight: 600; font-size:14px;  display: inline-block; }
	
.common_blue_bttn:hover{background: #333333;}
.common_black_bttn:hover{background: #24a4e4;}




/*Navigatoion*/
.menu_button ul  {
    display: inline-block;
}
.menu_button ul {
    display: none;
    height: 100%;
    vertical-align: middle;
    width: 22px;
}
.menu_button ul li {
    background-color: #fff;
    height: 3px;
    margin: 3px 0;
    width: 20px;
}

/*logo*/

.logo{/*float: left;*/display:inline-block;vertical-align:middle; width:380px;}
.logo img{width: 100%;}


.social_list{ margin-top:12px;}
.social_list li{display:inline-block; margin:0 3px;}
.social_list li a{display:block;}
.social_list li:last-child{margin-right:0px;}


/*Navigation*/
.navpanel{display: inline-block; vertical-align: middle;padding:20px 0 0 0;}


/*When nav inline list active or hover*/
.navigations li:hover a{  color:#3399cc;}
.navigations li.active_nav a{ color:#3399cc;}


/*Nav and child list actual color*/
.navigations {margin-left:15px;}
.navigations  li {display: inline-block; padding:0 15px;}
.navigations li a{ color:#888888; font-size:14px;   padding:0;  text-transform:uppercase;}


/*Section full*/
.section_full{}
.section_full p{color:#030303;}

/*Grids*/
.three_fluid{margin:0 -15px; margin-top: 65px;}
.two_fluid{margin:0 -25px; padding:0 50px;}
.two_fluid .grid{width:48%; margin:0 25px; display:inline-block; vertical-align:top;}
.two_fluid .grid:last-child{float:right; width:40%;}
.two_fluid .grid img{float:right;}
.three_fluid .grid{width:25%; margin:0 15px; display:inline-block; vertical-align:top;}
.three_fluid .grid.grid--image{width:41%; margin-top: -90px;}
.three_fluid .grid.grid--image img{display: block; margin: auto;}
.grid h5{color:#000; font-weight:bold; font-size:17px; text-align:left; font-weight: 900; text-transform:uppercase;}
.grid p{font-size:13px;line-height:1.65; color:#030303; margin:10px 0;  text-align:left;}


/*Button*/
.btn{border-radius:4px; display: inline-block; cursor:pointer; transition:0 all linear; -moz-transition:0 all linear; -webkit-transition:0 all linear;}
.btn.mediumGap_btn{margin:25px 0;}
.btn.primary_btn{background:#3399cc; padding:10px 35px; color:#fff; font-size:20px; text-transform:uppercase;}
.btn.secondary_btn{background:#dc070c; padding:10px 35px; color:#fff; font-size:20px; text-transform:uppercase;}
.btn.primary_btn:hover{background:#dc070c;}
.btn.secondary_btn:hover{background:#3399cc;}
.btn.black_btn{background:#000; padding:5px 15px;}


/*table form*/
.form_quote{ background:#fff; border:1px solid #d6d6d5;  border-radius:4px; position:relative;}

.form_quote table{margin-top:20px; text-align:center; padding:10px 25px 25px;}
.form_quote .title{padding:15px 10px; border-radius:3px 3px 0 0; text-align:center; position:relative; display:block; background:#030303; color:#fff;}
.form_quote .title h5{padding:0; font-size:26px; text-align:center;  color:#fff;font-family: "Lato",sans-serif;  font-weight: 400; text-transform:none;}
.form_quote td{margin:5px 0; display:block;}
.form_quote input[type="text"], .form_quote input[type="password"],  .form_quote input[type="email"],
.form_quote input[type="telephone"],  .form_quote textarea{border:1px solid #d6d6d5; border-radius:2px; padding:10px; width:100%;color:#b1b6bc;}
.form_quote input[type="submit"]{ background:#030303 ; padding:7px 20px; color:#fff; border-radius:4px; font-size:20px; cursor:pointer;
text-transform:uppercase; font-weight:400; margin-top:10px; transition:all 0.3s ease-in-out 0s; 
-moz-transition:all 0.3s ease-in-out 0s;  -webkit-transition:all 0.3s ease-in-out 0s;  }
.form_quote input[type="submit"]:hover{ background:#2f1106  ; color:#fff; }
.form_quote textarea{resize:none;}

/**Footer**/
#footer{background:#dc070c;}
.gridspanel__title{display:none;}

#footer .footer_horizontal{  display: block; padding:15px 0;}
#footer  .footernavpanel{ display: block;  text-align: center;}
#footer .footernavigations li{ display:inline-block;  padding: 0 10px; }
#footer .footernavigations li a{ font-size:13px; font-weight: 400; color:#fff; }
#footer .right_copyright{ font-size:13px; font-weight: 400; color:#fff; display: block;  text-align: center; line-height:2.5;}



/*Mobile nav css*/
.list_toggle{display:none;}

body.fixed #header {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
body.fixed .section_primary{
    margin: -131px 0 0;
}


.frm-pannel{ background:#fff;  border:1px solid #dfdbda; border-radius:3px;}
.frm-pannel table	{padding:10px; width:100%;}
.frm-pannel table td{padding:3px 0; }
.frm_head{ padding:15px; border-bottom:1px solid #dfdbda;}
.frm_head h5{color:#333333; font-size:26px; font-weight:900; font-family: 'Lato', sans-serif; padding:0; display:block; line-height:1; }
.frm_head h6{color:#333333; font-size:16px; font-weight:900; font-family: 'Lato', sans-serif; padding:0; display:inline-block;}
.note-image{float:left; margin-right:15px; margin-top:5px;}
.border_cell{border:1px solid #dfdbda; padding:5px; border-radius:3px;  }
.frm-pannel input{ padding: 10px; width:100%;border:1px solid #dfdbda;  border-radius:3px;  font-size:13px; font-weight:300; font-family: 'Lato', sans-serif; color:#93979b;}
.frm-pannel label{display:block;  margin-bottom: 10px; font-size:13px; font-weight:300; font-family: 'Lato', sans-serif; color:#93979b;}
.frm-pannel ul{display:inline-block; margin:0;}
.frm-pannel ul li{width:50%; float:left; line-height:0; list-style:none; padding:0; font-size:13px; font-weight:300; font-family: 'Lato', sans-serif; color:#93979b;}
.frm-pannel ul li input[type="radio"]{ width:auto; vertical-align:middle;}
.frm-pannel ul li  span{display: inline-block; margin-top: 5px; vertical-align: middle; font-size:13px; font-weight:300; font-family: 'Lato', sans-serif;}
.frm-pannel ul li:before{border:0 none;}
.frm-pannel button{ cursor:pointer; width:100%; border:0 none; background:#333333; color:#fff; border-radius:3px; text-transform:uppercase; font-size:18px;
font-weight:900; font-family: 'Lato', sans-serif; padding:15px 0;}
.frm-pannel button:hover{background:#2f1106;}
.frm-pannel button span{font-weight:300; font-family: 'Lato', sans-serif; }



/*Circle's Section-- common for Home and Feature*/
.section--blue{background:#3399cc; overflow:hidden;}
.three-layer{width:555px;margin:auto; height:555px; text-align:center; top: 145px;}
.three-layer.circle{background:#dbe9ec; border-radius:100%; margin:auto; vertical-align:middle; position: relative; 
border:50px solid #eff5f6; margin-top: -75px;}
.code-circle{background:#fff; border-radius:100%; width:225px; height:225px; margin:auto; vertical-align:middle;
position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.code-circle img{margin:40px 0 0 0}
.head{position: absolute;top: -45%;left: 50%; transform:translate(-35%, 0); -moz-transform:translate(-35%, 0);  -webkit-transform:translate(-35%, 0);}
.logo-heading{width:250px; display: inline-block;}
.logo-heading img{max-width:100%;}
.head h5{font-size:30px; font-weight:600; text-transform:uppercase; color:#333333; display: inline-block; margin-left: 5px;}
.head span{font-family: 'Dancing Script', cursive; font-size:30px; display: block; color:#afafaf; line-height: 0;}

.three_fluid .grid{margin-top:-25px;}
.three_fluid .repeat-grid{margin:25px 0;}
.three_fluid .repeat-grid h5{font-size:20px; font-weight:300; color:#420004;}
.three_fluid .repeat-grid p{color:#000; font-size:14px; font-weight:400; margin:0;}
.three_fluid .repeat-grid p span{color:#3d9fda; font-weight:600;}


.smallcircle{background:#fff; border-radius:100%; width:100px; height:100px; position: absolute; border:1px solid #e05042;}
.smallcircle:before{border:1px dashed #e05042; width:50px; content:""; position:absolute; top: 50px;left: -50px;}
.smallcircle:after{border:1px dashed #e05042; width:97px; content:""; position:absolute; top: 50px;right: -92px;}
.text-placement{position: absolute;color:#fff; text-transform:uppercase; font-size:20px;}

.smallcircle.circle-youtube:before{ -ms-transform: rotate(10deg); /* IE 9 */-webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg); top:30px;}
.smallcircle.circle-youtube:after{ -ms-transform: rotate(26deg); /* IE 9 */-webkit-transform: rotate(26deg); /* Chrome, Safari, Opera */
    transform: rotate(26deg); top:89px; right:-82px; width:90px;}
.smallcircle.circle-youtube .text-placement{left: -220px;top: 10px; }
	
.smallcircle.circle-review:before{ -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */transform: rotate(-3deg);}
.smallcircle.circle-review:after{-ms-transform: rotate(-15deg); /* IE 9 */-webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg); top:34px; right: -90px; width: 91px;}
.smallcircle.circle-review .text-placement{left: -220px;top: 37px; }
	
.smallcircle.circle-meeting:before{ -ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */transform: rotate(35deg); width: 75px; left:-62px; top:0;}
.smallcircle.circle-meeting:after{-ms-transform: rotate(68deg); /* IE 9 */-webkit-transform: rotate(68deg); /* Chrome, Safari, Opera */
    transform: rotate(68deg); top: 135px; right:-39px; width:93px;}
.smallcircle.circle-meeting .text-placement{left: -165px;top: -57px; }
	
.smallcircle.circle-slideshow:before{ -ms-transform: rotate(140deg); /* IE 9 */
    -webkit-transform: rotate(140deg); /* Chrome, Safari, Opera */transform: rotate(140deg); width: 75px; right: -60px; top:0;
	left:auto;}
.smallcircle.circle-slideshow:after{-ms-transform: rotate(110deg); /* IE 9 */-webkit-transform: rotate(110deg); /* Chrome, Safari, Opera */
    transform: rotate(110deg); top: 141px; right: 30px; width:95px;}
.smallcircle.circle-slideshow .text-placement{right: -150px;top: -57px; }
	
.smallcircle.circle-skype:before{ -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */transform: rotate(0deg);  right: -50px; 
	left:auto;}
.smallcircle.circle-skype:after{-ms-transform: rotate(147deg); /* IE 9 */-webkit-transform: rotate(147deg); /* Chrome, Safari, Opera */
    transform: rotate(147deg); top: 97px; right:85px; width: 92px;}
.smallcircle.circle-skype .text-placement{right: -175px;top: 35px; }
	
.smallcircle.circle-rating:before{ -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */transform: rotate(0deg);  right: -50px; 
	left:auto;}
.smallcircle.circle-rating:after{-ms-transform: rotate(198deg); /* IE 9 */-webkit-transform: rotate(198deg); /* Chrome, Safari, Opera */
    transform: rotate(198deg); top: 20px; width: 91px; right: 93px; }
.smallcircle.circle-rating .text-placement{right: -200px;top: 35px; }
	
	
.smallcircle img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); 
-webkit-transform: translate(-50%, -50%); margin:0;}
.smallcircle.circle-review{ left:-180px; top: 130px;}
.smallcircle.circle-meeting{ left:-30px; top: -175px;}
.smallcircle.circle-youtube{ left:-165px; top: -49px;}
.smallcircle.circle-slideshow{ right:-40px; top: -172px;}
.smallcircle.circle-skype{ right:-165px; top: -45px;}
.smallcircle.circle-rating{ right:-180px; top: 130px;}.slides, #header, #wrapper{overflow:hidden;}.slider-text{ color:#fff; font-size:20px; padding:20px; text-align:center;}	.slider-text .slider-text__block{display:block;}