@font-face{font-family:'Atlanta Bold';src:url('../fonts/atlanta-bold.eot');src:url('../fonts/atlanta-bold.eot?#iefix')format('embedded-opentype'),url('../fonts/atlanta-bold.woff')format('woff'),url('../fonts/atlanta-bold.ttf')format('truetype'),url('../fonts/atlanta-bold.svg#Atlanta Bold')format('svg');
font-style:normal; font-weight:normal;}
@font-face{font-family:'Atlanta Regular';src:url('../fonts/atlanta-regular.eot');src:url('../fonts/atlanta-regular.eot?#iefix')format('embedded-opentype'),url('../fonts/atlanta-regular.woff')format('woff'),url('../fonts/atlanta-regular.ttf')format('truetype'),url('../fonts/atlanta-regular.svg#Atlanta Regular')format('svg');
font-style:normal; font-weight:normal;}
@font-face{font-family:'Raleway-Regular'; src:url(../fonts/Raleway-Regular.ttf)format('truetype');}
@font-face{font-family:'Electrolize-Regular'; src:url(../fonts/Electrolize-Regular.ttf)format('truetype');}


/* -------------------- GLOBAL -------------------------------------------- */
html, body{background:rgb(255,255,255); font-family:'Open Sans'; font-size:100%;}

body a{transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all;}

a:hover{text-decoration:none;}

h1, h2, h3, h4, h5, h6{margin:0; font-family:'Atlanta Bold'; font-weight:400;}

p{margin:0; font-family:'Open Sans';}

ul{margin:0; padding:0;}

nav a{font-size:1em; color:rgb(255,255,255); font-weight:400; text-decoration:none; text-shadow:0 0 1px rgba(255,255,255,0.3); text-transform:uppercase; display:inline-block; outline:none; position:relative;}
nav a:hover, nav a:focus{outline:none;}

label{margin:0;}

input[type="button"], input[type="submit"], li.parallelogram{transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all;}

#toTop{background:url(../images/move-top.png) no-repeat 0px 0px; border:none; bottom:10px; right:10px; width:40px; height:22px; text-decoration:none; display:none; overflow:hidden; position:fixed; text-indent:100%;}
/* ------------------------------------------------------------------------ */


/* -------------------- HEADER -------------------------------------------- */
.header-top{background:rgb(0,50,100); padding:1em 0em;}

.top-menu{text-align:center;}
.top-menu ul li{margin-right:3em; color:rgb(255,255,255); color:rgb(255,255,255); text-align:left; display:inline-block; vertical-align:top;}
.top-menu ul li a{background:none; margin:0 auto; padding:0; font-size: 0.9em; font-weight:600; color:rgb(255,255,255); text-decoration:none; text-transform:uppercase;}
.top-menu ul li a:hover, .top-menu ul li a.active{color:rgb(255,200,0);}
.effect-vibration a{color:rgb(120,140,160); text-shadow:0 0 1px rgba(120,140,160,0.3);}
.effect-vibration a::before{color:rgb(255,200,0); content:attr(data-hover); position:absolute; opacity:0; text-shadow:0 0 1px rgba(255,255,255,0.3); -webkit-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -moz-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -webkit-transition:-webkit-transform 0.3s, opacity 0.3s; -moz-transition:-moz-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; pointer-events:none;}
.effect-vibration a:hover::before, .effect-vibration a:focus::before{opacity:1; -webkit-transform:scale(1) translateX(0px) translateY(0px) rotate(0deg); -moz-transform:scale(1) translateX(0px) translateY(0px) rotate(0deg); transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);}

.header-bottom{padding:2em 0;}

.logo{text-align:center;}
.logo a{margin:0 auto; display:inline-block;}
/* ------------------------------------------------------------------------ */


/* -------------------- BANNER -------------------------------------------- */
.banner{background:url(../images/tornade-bg.png) no-repeat center top; background-size:cover; min-height:700px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover;}

.banner-info{margin-top:13em; margin-left:2em; width:49%; text-align:left;}
.banner-info h3{font-size:3.4em; color:rgb(0,50,100); text-transform:uppercase; line-height:1.3em;}

.callbacks{margin:0; padding:0; width:100%; list-style:none; overflow:hidden; position:relative;}
.callbacks li{width:100%; position:absolute;}
.callbacks img{border:0; height:auto; position:relative; z-index:1;}
.callbacks_tabs{margin:0; padding:0; bottom:-15%; left:5%; display:block; list-style:none; position:absolute; z-index:999;}
.callbacks_tabs li{margin:0 .3em; display:inline-block;}
.callbacks_tabs a{visibility:hidden;}
.callbacks_tabs a:after{background:rgb(255,255,255); border:none; border-radius:50%; width:14px; height:14px; font-family:FontAwesome; font-size:0; content:"\f111"; display:block; display:block; display:inline-block; visibility:visible; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;}
.callbacks_here a:after{background:rgb(255,200,0);}
.callbacks_nav{background:transparent url("../images/arrows.png") no-repeat left top; margin-top:3%; top:56%; left:0; width:30px; height:79px; opacity:0.7; overflow:hidden; position:absolute; text-decoration:none; text-indent:-9999px; z-index:3; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.callbacks_nav:hover{opacity:0.5;}
.callbacks_nav.prev{background-position:left top; right:auto; left:-140px;}
.callbacks_nav.next{background-position:right top; right:-140px; left:auto;}
.callbacks .caption{margin:0; padding:10px 20px; top:10%; right:0; left:0; max-width:none; font-size:20px; color:rgb(255,255,255); text-align:center; text-shadow:none; display:block; position:absolute; z-index:2;}
.callbacks_container{width:100%; float:left; position:relative;}

.rslides{padding:0; width:100%; list-style:none; overflow:hidden; position:relative;}
.rslides li{top:0; left:0; width:100%; display:none; position:absolute; -webkit-backface-visibility:hidden;}
.rslides li{display:block; float:left; position:relative;}
.rslides img{border:0; height:auto;}
.rslides_tabs li:first-child{margin-left:0;}
.rslides_tabs .rslides_here a{background:rgba(255,255,255,.1); color:rgb(255,255,255); font-weight:bold;}
/* ------------------------------------------------------------------------ */


/* -------------------- WELCOME ------------------------------------------- */
.welcome{padding:5em 0em; text-align:center;}
.welcome h2{margin:0 auto; width:90%; font-size:3em; color:rgb(0,50,100); line-height:1.3em;}
.welcome h2 span{color:rgb(255,200,0);}
.welcome p{margin:2% auto 0; width:68%; font-size:1em; color:rgb(100,100,100); line-height:1.9em;}

ul.wel{margin-top: 2em;}
ul.wel li{margin-right:1em; font-size:1.2em; font-weight:600; color:rgb(0,50,100); display:inline-block; list-style:none;}
ul.wel li.phone{background:rgb(255,200,0); padding:9px 18px; height:50px; font-size:23px; font-weight:400; color:rgb(120,140,160); border-top-right-radius:25px; border-bottom-right-radius:25px; border-top-left-radius:25px; border-bottom-left-radius:25px; white-space:nowrap;}
/* ------------------------------------------------------------------------ */


/* -------------------- GUESTS ------------------------------------------- */
div#example1{background:rgb(255,200,0); padding:5em 0;}

h3.tittle{margin-bottom:0.5em; font-size:3em; color:rgb(0,50,100); text-align:center;}
/* ------------------------------------------------------------------------ */


/* -------------------- SERVICES ----------------------------------------- */
div#service{padding:5em 0;}

.serve-grids{padding:2em 0 2em 0;}
.serve-grids-top:nth-child(2){margin-top:2em;}
.serve-one{background-color:rgb(245,245,245); border:1px solid rgb(230,230,230); margin-bottom:1em;}
.serve-left{margin:5em 0 5em 0; padding-left:0;}

.service-grid{background:none;border:none; border-radius:0; padding:0; box-shadow:none; overflow:visible; text-align:center;}
.service-grid:nth-child(4){margin-right:0%; border:none;}
.icon{background:rgb(255,255,255); border:3px solid rgb(0,50,100); border-radius:50%; margin:0 auto; width:80px; height:80px; position:relative; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}
.service-grid:hover .icon{border: 3px dotted rgb(0,50,100); transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all;}
.icon i{margin-top:1em; font-size:1.5em; color:rgb(255,200,0);}

.service-grid h5{margin:0.5em 0 0 0; color:rgb(255,200,0); font-size:1.8em; font-weight:400;}
.service-grid p{margin:0 auto; width:84%; font-size:1em; font-weight:400; color:rgb(100,100,100); line-height:1.8em; text-align:center;}
/* ------------------------------------------------------------------------ */


/* -------------------- CONTACT ------------------------------------------- */
.contact{padding:5em 0;}
h2.second-head{margin-bottom:0.5em; font-size:3em; color:rgb(0,50,100); text-align:center;}

.contact-left{padding-left:0;}
p.para1{font-size:1em; color:rgb(100,100,100); line-height:1.8em; text-align:justify;}
.more-address{padding:1em 0;}
.more-address b, strong{color:rgb(0,50,100)!important;}
address{width:100%; font-size:1em; color:rgb(100,100,100); line-height:1.8em;}

.contact-grid{padding-left:0;}
p.your-para{margin:0px 0px 5px 0px; font-size:0.9em; font-weight:600; color:rgb(0,50,100); text-transform:uppercase;}
.contact-grid input[type="text"], .contact-grid textarea{background:rgb(255,255,255); border:1px solid rgb(200,200,200); margin:0em 0em 0.8em 0em; padding:0.5em; width:100%; outline:none; -webkit-appearance:none;}
.contact-grid textarea{min-height:220px; resize:none;}
.send input[type="submit"]{background:rgb(255,200,0); border:none; margin:16px 0px; padding:0.6em 2em; font-size:1em; color:rgb(255,255,255); outline:none; text-transform:uppercase; transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all; -moz-transition:0.5s all; -ms-transition:0.5s all; -webkit-appearance:none;}
.send input[type="submit"]:hover{background:rgb(0,50,100);}
/* ------------------------------------------------------------------------ */


/* -------------------- FOOTER -------------------------------------------- */
.footer{background-color:rgb(0,50,100);padding:2em 0;}

.footer-grid h4{color:rgb(255,255,255); font-size:1.4em;}

ul.bottom{margin-top:1em;}
ul.bottom li{margin-bottom:1em; font-size:1em; color:rgb(120,140,160); display:block; list-style:none;}
ul.bottom li a{color:rgb(120,140,160); font-size:1em;}
ul.bottom li a:hover{color:rgb(255,200,0); text-decoration:underline;}
ul.bottom i{margin-right:0.5em; color:rgb(255,255,255);}

.copy{background:rgb(255,200,0); padding:1em; text-align:center;}
.copy p{font-size:0.9em; color:rgb(0,50,100);}
.copy p a{color:rgb(0,50,100);}
.copy p a:hover{text-decoration:underline;}
/* ------------------------------------------------------------------------ */




/* -------------------- MEDIA QUERIES ------------------------------------- */
@media (max-width:1480px){
.banner{min-height:668px;}
.banner-info{margin-top:11em;}
.callbacks_nav{margin-top:1%;}
.callbacks_nav.prev{background-position:left top; right:auto; left:-106px;}
.callbacks_nav.next{background-position:right top; right:-90px; left:auto;}
}

@media (max-width:1366px){
.callbacks_nav.prev{background-position:left top; right:auto; left:-88px;}
}

@media (max-width:1280px){
.banner{min-height:594px;}
.banner-info{margin-top:9em; width:42%;}
.banner-info h3{font-size:3em;}
.callbacks_nav.prev{background-position:left top; right:auto; left:-39px;}
.callbacks_nav.next{background-position:right top; right:-37px; left:auto;}
.welcome h2{width:86%; font-size:2.8em;}
h3.tittle{font-size:2.8em;}
h2.second-head{font-size:2.8em;}
}

@media (max-width:1024px){
.top-menu ul li{margin-right:2em;}
.banner{min-height:545px;}
.banner-info{width:52%;}
.callbacks_nav.prev{background-position:left top; right:auto; left:-25px;}
.callbacks_nav.next{background-position:right top; right:2px; left:auto;}
ul.wel li.phone{padding:9px 18px; height:50px; font-size:21px;}
div#service{padding:4em 0;}
.serve-grids{padding:2em 0 2em 0;}
.serve-left{margin:2em 0 2em 0;}
.service-grid h5{font-size:1.4em;}
.contact{padding:4em 0;}
}

@media (max-width:991px){
.top-menu ul li{margin-right:1em;}
.header-bottom{padding:1.5em 0;}
.banner{min-height:458px;}
.welcome{padding:4em 0;}
.welcome h2{width:86%; font-size:2.4em;}
.welcome p{width:83%; font-size:0.9em}
ul.wel li{margin-right:0.5em; font-size:1.1em;}
div#example1{padding:4em 0;}
h3.tittle{font-size:2.4em;}
div#service{padding:4em 0;}
.serve-left{margin:3em 0 3em 0;}
.service-grid{padding-bottom:3em; width:49%; float:left;}
.service-grid p{font-size:0.9em;}
h2.second-head{font-size:2.4em;}
.contact-left{padding:0; padding-left:0;}
p.para1{font-size:0.9em;}
address{font-size:0.9em;}
.contact-grid{padding-left:0; padding:0;}
.footer-grid{padding:0; width:33%; float:left;}
.footer-grid h4{padding:0; font-size:1.2em;}
ul.bottom li{font-size:0.95em;}
}

@media (max-width:800px){
.banner{min-height:458px;}
.banner-info{margin-top:7em; width:57%;}
.banner-info h3{font-size:2.6em;}
.callbacks_nav.prev{background-position:left top; right:auto; left:-13px;}
}

@media (max-width:736px){
.banner-info{width:60%;}
}

@media (max-width:667px){
.banner{min-height:383px;}
.banner-info{margin-top:6em; width:62%;}
.banner-info h3{font-size:2.2em;}
.welcome{padding:3em 0;}
.welcome h2{width:100%; font-size:2.2em;}
ul.wel li{margin-right:0; margin-bottom:1em; font-size:1.1em; display:block;}
ul.wel li.phone{margin:0 auto 3%; padding:9px 2px; width:243px; height:50px; font-size:21px;}
h3.tittle{width:100%; font-size:2.2em;}
h2.second-head{font-size:2.2em;}
.footer{padding:2em 0em 1em 0em;}
.footer-grid{margin-bottom:1em; padding:0; width:100%; float:left;}
}

@media (max-width:640px){
.banner{min-height:383px;}
.banner-info h3{font-size:2.2em;}
.welcome{padding:3em 0;}
ul.wel li{margin-right:0; margin-bottom:1em; font-size:1.1em; display:block;}
ul.wel li.phone{margin:0 auto 3%; padding:9px 2px; width:243px; height:50px; font-size:21px;}
div#example1{padding:1.5em 0;}
}

@media screen and (max-width:600px){
.callbacks_nav{top:47%;}
}

@media (max-width:480px){
span.menu{background:url(../images/nav.png)no-repeat 0px 0px; margin:0 auto; width:35px; height:29px; cursor:pointer; display:inline-block;}
.top-menu{background:rgb(255,255,255); margin-top:0; padding:0; width:100%; text-align:center; display:none;}
.top-menu ul{background-color:rgb(0,50,100); border:1px solid rgb(0,50,100); border:none; padding:10px 0; width:100%;float:left;}
.top-menu ul li{margin:12px 0px; width:100%; text-align:center; display:block; float:none;}
.header-bottom{padding:1em 0;}
.logo{width:100%; text-align:center; float:none;}
.banner{min-height:310px;}
.banner-info{margin-top:5em;}
.banner-info h3{font-size:1.6em;}
.welcome{padding:2em 0;}
.welcome h2{width:100%; font-size:1.7em;}
.welcome p{margin:1% auto 0; width:100%; font-size:0.85em;}
h3.tittle{font-size:1.7em;}
div#service{padding:2.5em 0;}
.service-grid{padding-bottom:2em; width:100%; float:left;}
.service-grid p{font-size:0.85em;}
.contact{padding:2.5em 0;}
h2.second-head{font-size:1.7em;}
p.para1{font-size:0.85em;}
.footer{padding:2em 0em 0.6em 0em;}
}

@media (max-width:414px){
.banner{min-height:294px;}
.banner-info h3{font-size:1.4em;}
}

@media (max-width:384px){
.banner-info{width:75%;}
}

@media (max-width:375px){
.banner{min-height:215px;}
.banner-info{margin-top:2em; width:82%;}
.banner-info h3{font-size:1.4em;}
.callbacks_tabs li{margin:0 .1em; display:inline-block;}
.callbacks_tabs a:after{width:10px; height:10px;}
.welcome{padding:2em 0;}
.welcome h2{width:100%; font-size:1.4em;}
ul.wel{margin-top:1em;}
ul.wel li{margin-right:0; font-size:1em;}
h3.tittle{margin-bottom:0.1em; font-size:1.4em;}
div#service{padding:2em 0;}
.service-grid p{width:100%;}
.contact{padding:2em 0;}
h2.second-head{margin-bottom:0.1em; font-size:1.4em;}
.contact-grid textarea{min-height:161px; resize:none;}
.copy p{font-size:0.85em; line-height:1.8em;}
}

@media (max-width:320px){
.banner{min-height:215px;}
.banner-info{width:90%;}
.banner-info h3{font-size:1.4em;}
.welcome{padding:2em 0;}
.welcome h2{width:100%; font-size:1.4em;}
ul.wel{margin-top:1em;}
ul.wel li{margin-right:0; font-size:1em;}
h3.tittle{margin-bottom:0.1em; font-size:1.4em;}
div#service{padding:2em 0;}
.contact{padding:2em 0;}
h2.second-head{margin-bottom:0.1em; font-size:1.4em;}
.contact-grid textarea{min-height:161px; resize:none;}
}
/* ------------------------------------------------------------------------ */