@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

* {margin : 0; padding : 0; outline: none !important;}
.clear, .clr { clear : both;}
.gap { clear : both; height : 15px;}
.frt {float : right;}
.flt {float : left;}
img {border : 0;}
form {margin : 0;}
/*ol, ul {list-style:none;}*/


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a:link, a:visited {text-decoration : none;}
a:hover {color:#c00;}
/*****
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
*****/

html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}

.result {width:100px; text-align:left;margin-left:10px; display:inline-block;}
.captcha { float:left; padding-top:2px;}
form em { color:#FF0000;}

.map-content  {height:400px; position:relative; overflow:hidden; margin-top:10px; }
.map-content iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}
.map-content figure iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}

.breadcrumb { background:none; border-radius:0; margin-left:0;
	border-bottom:1px solid #ccc;
    margin-bottom: 15px;
    padding: 8px 0;}
.breadcrumb li a { color:#0175b2;}
.breadcrumb li a:hover { color:#000;}

h1, h2, h3, h4, h5 {font-family: 'Oswald', sans-serif;}

h1 {font-size:28px; font-weight: 400; line-height:30px; text-transform: uppercase; color:#000; }
h2 { font-size:28px; font-weight: 400; line-height:30px; color:#000; margin-bottom:15px;}
h3 { font-size:22px; font-weight: 400; line-height:26px; color:#000;}
h4 { font-size:20px; font-weight: 400; line-height:24px; color:#000;}
h5 { font-size:16px; font-weight: 400; line-height:22px; color:#000;}

body { font-family: 'Open Sans', Helvetica, sans-serif; font-size:16px; color:#333; line-height:23px; background:#fff;}


/*Back to Top*/
#back-top {position: fixed; bottom:40px;z-index:99; right:25px; display:none; width:41px;height:41px;}
#back-top a:hover {color:#333; }
#back-top span {width:41px;height:41px; display: block;	background:url(../images/up-arrow.gif) no-repeat center center #333;border-radius: 50%; opacity:0.4; filter:alpha(opacity=40); }
#back-top a:hover span { background-color:#333; opacity:1; filter:alpha(opacity=1);}

.limit { width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* List Style */

ul.listing { list-style:none; margin:0; padding:0; margin-bottom:10px;}
ul.listing li:before {    
font-family: 'FontAwesome';
content: '\f105';
position:absolute;
top:0; left:0;
}
ul.listing li { position:relative; padding-left:14px;}

ul.list { list-style:none; margin-left:0; padding-left:0;}
ul.list li { background:url(../images/sqr.jpg) no-repeat 0 7px; padding-left:16px;}
ul.list li a { color:#333;}
ul.list li a:hover { color:#3399cc;}
ul.list li li {list-style:none; padding-left:15px; margin-left:-20px; background:url(../images/subsqr.jpg) no-repeat 0 7px;}

main ul {margin-left:12px;}

main ol {margin-left:14px;}
main ol li { padding-left:5px;}

.btn-default, a.btn-default { background:#163881; color:#fff; border-color:#003366;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-default:hover { background-color:#333; color:#fff; border-color:#000}

.banner { position:relative; margin-bottom:15px;}

main { margin:10px 0 0;}

.socialmedia {white-space:nowrap; text-align:right; margin:10px 0;  line-height:0;}
.socialmedia li {  display:inline-block; padding-left:2px; vertical-align:middle;}
.socialmedia li img { width:32px;}

footer {background:#333; color:#ccc; }
.footer {padding:25px 0 10px;}
.footer, .footer a {  color:#cccccc;  font-size:12px;  }
.footer a:hover { color:#fff;}

.footlist{ text-align:center }                      
.footlist li{ display: inline; list-style-type: none; padding: 0; margin:0; color:#cccccc;}
.footlist a { padding: 0px 2px; }
.footlist a:link, .footlist a:visited {color: #cccccc; text-decoration: none;}
.footlist a:hover{color: #2cafe5; text-decoration: none;}

.footlt { float:left;}
.footrt { float:right;}

.navigation { float:right;}

.thumb { margin-bottom:7px;}
.thumb img { max-width:100%;}
.thumblt { float:left; width:350px; margin:2px 15px 5px 0;}
.thumbrt { float:right; width:350px; margin:2px 0 5px 15px;}
.thumblt img, .thumbrt img { max-width:100%;}

.search { display:inline-block; margin-left:10px; float:right; margin-top:7px; }

.searchpanel { margin:0; padding:0 10px 0 0; clear:right; margin:7px 0 7px;}
.searchpanel { }
.searchpanel .btn-default { background:#fff; border:1px solid #ccc;}
.searchpanel .input-group .form-control { float:right;}
.searchpanel .input-group-btn .fa { color:#1b4279;}

.contact { text-align: right; font-weight:bold;  margin-bottom:10px; margin-top:10px; height:35px;
 -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.contact .fa-circle  { color:#f47321;}

header.sticky .contact {height:0px; margin-bottom:0px;}

header { position: fixed; width:100%; margin:auto;z-index:999; margin-top:-10px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease; }

header.sticky {  background:#fff; 
-moz-box-shadow: 0px 0px 3px 3px #888888;
-webkit-box-shadow: 0px 0px 3px 3px #888888;
box-shadow: 0px 0px 3px 3px #888888;}



.logo img { width:100%;
-webkit-transition: all 0.4s ease;  transition: all 0.4s ease; }

.box { padding:25px 0;}

.bluebg { background:#c3dff5;}
.pinkbg { background:#f3b0e4;}
.yellowbg { background:#f4f198;}
.grnbg { background:#92f0bc;}
.graybg { background:#efeff1}

.maintxt  { text-align:center; margin-bottom:10px;}
.maintxt::after
{
	display: block;
	content: "";
	background: #1E69B8;
	width: 150px;
	height: 2px;
	margin:10px auto;
}

ul.wantlist { margin-top:25px;}
ul.wantlist li { display:inline-block; }
ul.wantlist li a { }
ul.wantlist li a .fa {-ms-transform: rotate(315deg); /* IE 9 */
    -webkit-transform: rotate(315deg); /* Chrome, Safari, Opera */
    transform: rotate(315deg);}

.btn-primary, a.btn-primary { background:#163881; color:#fff; border-color:#163881; border-radius:0; border-width:2px; 
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-primary:hover { background-color:#92f0bc; color:#163881; border-color:#163881}
.btn-primary.btn-lg { font-size:16px; line-height:24px; padding:12px 16px; margin:5px;}

.highlights {}
.highlights:after { clear:both; display:table; content:""}
.highlights p { font-size:20px; line-height:26px; overflow:hidden; padding-top:15px;}
.highlights .thumb { display:inline-block; margin-right:15px; float:left; }
.highlights .thumb img { width:86px; height:86px;}

.borderboxlt { padding:50px 15px 10px;}
.borderboxrt { border-left:1px solid #dadbde; padding:50px 15px 10px;}

.borderboxlt h4, .borderboxrt h4 { text-transform:uppercase; font-size:24px; line-height:26px;}

.supportbox { text-align:center; background:#fff; border-radius:5px; padding:10px; margin-bottom:15px;}
.supportbox img { width:60px; height:60px;}

.module { margin-bottom:10px;}
.module:after { clear:both; display:block; content:""}
.module .thumb { float:left; width:72px; margin:5px 25px 5px 0;}
.module .detail { overflow:hidden;}
.module .detail h4 { margin-top:5px; font-size:18px;}

.pricing-bg { background:url(../images/pricing-bg.jpg) repeat-x; height:300px; text-align:center; color:#fff; padding-top:25px;}
.pricing-bg h2 { color:#fff;}

.module-bg { background:url(../images/pricing-bg.jpg) repeat-x; height:150px; text-align:center; color:#fff; padding-top:25px;}
.module-bg h2 { color:#fff;}
.module-bg h4 { color:#fff;}

.redtxt { color:#cc0000;}
.grntxt { color:#339900;}


.sblock { padding:10px 0;}

.box1 .title, .box2 .title, .box3 .title, .box4 .title { font-weight:bold; font-size:16px; color:#cc0000}
.box1 .title2, .box2 .title2, .box3 .title2, .box4 .title2 { font-weight:bold; font-size:16px; color:#006699}

.box1.dark h4, .box2.dark h4, .box3.dark h4, .box4.dark h4 { font-size:24px; text-transform:uppercase; color:#fff; letter-spacing:1px;}

.box1.dark { background:#058dc6;}
.box2.dark { background:#cc911e;}
.box3.dark { background:#6eb73c;}
.box4.dark { background:#e3536c;}

.box1 { background:#8dd9f9;}
.box2 { background:#fad896;}
.box3 { background:#baf791;}
.box4 { background:#fab5c0;}

.table-hover > tbody > tr:hover .box1 { background-color:#7bcdef}
.table-hover > tbody > tr:hover .box2 { background-color:#e8c580}
.table-hover > tbody > tr:hover .box3 { background-color:#a9ec7c}
.table-hover > tbody > tr:hover .box4 { background-color:#f19fac}

.table.nobrd tbody > tr > td{ border-top:1px solid #f0f0f0;}

.title {font-weight:bold; font-size:16px;}

table.bordernone tr td { border:none;}

.banner-title {color:#1d358f; font-weight:bold;}
.banner-text {font-size:26px;}

.demand {color:#FD0004; text-align:center; font-size:13px;}

.email-block { display:inline-block;}

/* Responsive Media Query */

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.wrapper { background:#F50B0B /*red*/}
	
	main { padding-top:126px; min-height:500px;}
	
	header.sticky .logo img { width:65%;}

	header #cssmenu > ul > li > a {
	 font-size: 16px;  font-weight:bold;
	 -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
	}
	header.sticky #cssmenu > ul > li > a { font-size: 14px;}
	
	.borderboxlt, .borderboxrt { min-height:300px;}
	.supportbox { min-height:196px;}
	
	.upper { position:relative; top:-275px; margin-bottom:-250px; }
	
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.wrapper { background:#0B6EF5 /*blue*/}
	
	main { padding-top:126px; min-height:500px;}
	
	header.sticky .logo img { width:75%;}

	header #cssmenu > ul > li > a {
	 font-size: 14px;  font-weight:bold;
	 -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
	}
	header.sticky #cssmenu > ul > li > a {
	 font-size: 14px;
	}
	.supportbox { min-height:215px;}
	.upper { position:relative; top:-270px;  margin-bottom:-220px; }
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.wrapper { background:#32F50B /*green*/}
	
	main { padding-top:126px; min-height:500px;}
	
	header.sticky .logo img { width:75%;}

	header #cssmenu > ul > li > a {
	 font-size: 16px;  font-weight:bold;
	 -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
	}
	header.sticky #cssmenu > ul > li > a {
	 font-size: 14px;
	}
	.pblock .pan3 { min-height:auto;}
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.wrapper { background:#F5800C /*orange*/}
	.footlt, .footrt { float:none; text-align:center;}
	.thumblt { float:left; width:300px; margin:2px 15px 5px 0;}
	.thumbrt { float:right; width:300px; margin:2px 0 5px 15px;}
	
	.contact { height:auto;}
	header.sticky .contact {height:auto; margin-bottom:0px;}
	
	header { position: relative; width:100%; margin:auto;z-index:999; margin-top:-10px;}
	
	.borderboxlt { border-bottom:1px solid #dadbde; padding:30px 15px 10px;}
	.borderboxrt { border-left:0px solid #dadbde; padding:30px 15px 10px;}
	
	.pblock .pan3 { min-height:auto;}
	

}

@media (min-width: 480px) and (max-width: 767px) {
	.wrapper { background:#F54D0B /*dark orange*/}

}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.wrapper { background:#F5E50B /*yellow*/}
	.thumblt, .thumbrt { float:none; width:100%; margin:2px 0 7px 0;}
	.highlights p { font-size:16px; line-height:22px; overflow:hidden; padding-top:10px;}
	
	.module { text-align:center;}
	.module .thumb { float:none; text-align:center; width:72px; margin:5px auto;}
	
}