@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
body{margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#000;}
a {color: #39419a; text-decoration: none; outline:none;}
a:hover {color: #2c2f53; text-decoration: none; outline:none;}
a:focus{color: #39419a; text-decoration: none; outline:none;}

h1{font-weight:300; font-size:48px; margin:15px 0 30px; border-bottom:1px solid #cccccc; padding-bottom:30px; position:relative;}
h1 span{font-weight:700; display:block;}
h1:after{content:""; position:absolute; left:0; bottom:0; width:100px; height:3px; background:#000;}
h2{font-weight:300; font-size:36px; margin:20px 0;}
h3{font-weight:300; font-size:24px; margin:20px 0;}
h4{font-weight:300; font-size:18px; margin:15px 0;}
strong{font-weight:700;}
.btn-blue{background:#39419a; color:#fff; font-size:24px; padding:5px 25px 10px; display:inline-block;}
.btn-blue:hover{background:#2c2f53;}
.btn-black{background:#000; color:#fff; font-size:16px; text-transform:uppercase; padding:5px 25px 10px; display:inline-block;}
.btn-black:hover{background:#242424; color:#fff;}

a, .header, .logo img, .htop{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}

.vcenter{display:inline-block; vertical-align:middle; float:none;}

.header{position:fixed; left:0; top:0; width:100%; background:#fff; z-index:8009;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

.htop{height:38px; background:url(images/top-bg.jpg) 0 0 repeat; font-size:18px; color:#c7c7c7;}
.htop a{color:#c7c7c7;}
.htop a:hover{color:#fff;}
.htop-left, .htop-right{margin-top:5px;}
.htop-left a{margin:0 10px;}
.htop-right{text-align:right; font-weight:700;}
.htop-right .fa{margin-right:8px;}
.header.shrink .htop{height:0; opacity:0; overflow:hidden;}

.spacer{height:140px; display:block;}
.logo{display:inline-block;}
.logo img{margin:15px 0; line-height:0; height:72px;}
.header.shrink .logo img{margin:5px 0; height:52px;}

.topnav{text-align:right;}
.topnav ul{margin:0; padding:0; list-style:none; font-size:0;}
.topnav ul li{display:inline-block;}
.topnav ul li a{display:block; font-size:14px; font-weight:700; line-height:102px; text-transform:uppercase; color:#333333; padding:0 15px;}
.topnav ul li:hover a, .topnav ul li.active a{color: #39419a;}
.lavalamp-object {border-bottom:5px solid #39419a; height:102px !important;}
.header.shrink .lavalamp-object{height:62px !important;}
.header.shrink .topnav ul li a{line-height:62px;}

.banner{position:relative; min-height:600px;}
.banner-caption{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:111; color:#fff; text-align:center; line-height:normal; max-width:1100px; width:100%;}
.banner-caption .high{background:rgba(32,31,32,.8); padding:5px 20px 15px; font-size:60px; font-weight:700;}
.banner-caption .high span{display:block; font-size:34px;}
.banner-caption p{margin:0; padding:7px 15px; background:rgba(255,255,255,.8); color:#000; font-size:18px; display:inline-block;}
.cta{margin-top:20px; font-size:0;}
.cta a{max-width:240px; width:100%; margin:0 5px; padding-top:12px; padding-bottom:12px; text-transform:uppercase;}
.cta a:hover{background:#fff; color:#000;}
.cta a .fa{margin-right:10px;}

.picker{position:absolute; right:0; bottom:-170px;}

.section1{padding:80px 0; position:relative; font-size:16px;}
.section1 strong{color:#39419a;}
.section1 strong span{color:#000;}
.section1 a.btn-blue{margin-top:20px; color:#fff;}
.section1 a strong{color:#fff;}

.section2{position:relative; background-color:#f6f6f6; overflow:hidden; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.s2-img{position:absolute; right:0; top:-80px;}
.sec2-text{padding:60px 0; background-color:#f6f6f6;}
.section2 h4{margin-top:0; font-weight:700;}
.s2two{padding-right:60px; margin-bottom:40px;}

.section3{background:#39419a url(images/s3-bg.png) top right no-repeat; color:#fff; margin:60px 0;}
.s3right{height:164px;}
.section3 h3{padding-left:50px; font-weight:400;}
.section3 .btn-black{vertical-align:middle; font-weight:700; padding:10px 40px 12px; text-align:center; margin-top:60px;}

.footer{color:#9a9a9a; padding-top:55px; background:url(images/top-bg.jpg) 0 0 repeat;}
.footer a{color:#39419a;}
.footer h4{font-weight:700; margin:0 0 15px; color:#fff;}

.social{margin-top:30px; font-size:18px;}
.social a{display:inline-block; vertical-align:middle; width:35px; height:35px; border-radius:50%; color:#fff; background:#39419a; text-align:center; margin:0 5px;}
.social .fa{line-height:35px;}
.social a:hover{background:#000;}

.fs2 a{display:block; color:#9a9a9a; padding:3px 0;}

.copyright{margin-top:55px; background:rgba(0,0,0,.4); padding:20px 0; font-size:13px;}

.inner ul{margin:5px 0 20px; padding:0; list-style:none;}
.inner li{margin:5px 0; padding:0 0 0 30px; position:relative;}
.inner li:before{content:"\f00c"; position:absolute; left:0; top:0; font-family: FontAwesome; color:#000; font-size:16px;}

.inner .section2{padding:60px 0;}
.text16{font-size:16px;}
.text12{font-size:12px;}
.mtop0{margin-top:0;}
.inner h1 strong{color:#000;}

/*--------------------------------------------------
    [Back To Top Theme Button]
----------------------------------------------------*/
.back-to-top-theme {position: fixed; right: 10px; bottom: 10px; display: inline-block; z-index: 9; width: 35px; height: 35px; font-size: 22px; color: #fff;
  line-height: .5; background: #213875; border-radius: 3px; visibility: hidden; opacity: 0; padding: 10.5px; -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
.back-to-top-theme:after {font-family: FontAwesome; color: #fff; text-align: center; content: "\f106";}
.back-to-top-theme:hover {background: #0067fe; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
/* The Button Becomes Visible */
.back-to-top-theme.back-to-top-is-visible {visibility: visible; opacity: .6; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
.back-to-top-theme.back-to-top-is-visible:hover {opacity: 1; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
/* If the user keeps scrolling down, the button is out of focus and becomes less visible */
.back-to-top-theme.back-to-top-fade-out {opacity: .4;}
.back-to-top-theme.back-to-top-fade-out:hover {opacity: 1; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}

.fl-right{float:right;}

@media (min-width: 1200px) {
.container{width: 1130px; margin:0 auto;}
}
@media (min-width:992px) and (max-width:1199px) {
.banner-caption{max-width:970px; font-size:;}
.banner-caption .high{font-size:50px;}
.banner-caption .high span{font-size:30px;}
}
@media (min-width:200px) and (max-width:991px) {	
.s2-img{display:none;}
}
@media (min-width:768px) and (max-width:991px) {
.topnav ul li a{padding:0 10px;}
.banner-caption{max-width:750px; font-size:;}
.banner-caption .high{font-size:40px;}
.banner-caption .high span{font-size:22px;}
}
@media (min-width:200px) and (max-width:767px) {
.htop{font-size: 15px; height: 33px;}
.logo img{margin: 5px 0; height:52px;}
.header.shrink .htop{height:33px; opacity:1;}
.spacer{height:96px;}
#snav{background:none; border:0; display:inline-block !important; padding:18px 0; outline:none;}
#snav .fa{font-size:26px; color:#000;}	
.topnav{display:none; position:absolute; right:15px; background:#000; min-width:250px;}
.topnav ul li{display:block;}
.topnav ul li a{font-size:16px; padding:8px 15px; line-height:normal; color:#c7c7c7;}
.header.shrink .topnav ul li a{line-height:normal;}
.topnav ul li+li a{border-top:1px solid rgba(255, 255, 255, 0.1);}
.lavalamp-object{display:none;}	
h1{font-size:36px;}
.banner{min-height:0;}
.banner-caption{position:relative; left:0; top:0; transform:none; padding:80px 0;}
.banner-caption .high{white-space:normal; font-size: 22px; display: inline-block; padding:5px 15px 10px;}
.banner-caption .high span{font-size:22px;}
.banner-caption p{font-size:14px;}
.cta a{margin-top:5px;}
.picker{bottom:-100px;}
.section3{background-image:none; text-align:center;}
.section3 h3{padding:0 15px;}
.s2two{padding-right:15px; margin-bottom:20px; text-align:center;}
.s3right{height:auto;}
.section3 .btn-black{margin:0 0 20px 0;}
.footer{text-align:center;}
.footer h4{margin-top:20px;}
.fs2 a{display:inline-block; padding:3px 5px;}
.inner .section1{padding:40px 0;}
.inner .pull-right{float:none; display:block;}
}
@media (max-width:360px){
.banner-caption .high{padding:5px 20px 10px;}
}