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

@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
html{ }
body{/*background:url(../images/bg1.jpg) repeat ; */ font-family: 'Quicksand', sans-serif; color:#000; font-size:15px; line-height:28px;}

header{ border-top:7px solid #025889; 
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(58%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}


.smallhead{ padding:2px 0px; color:#333333;}
.smallhead i{ color:#666666;}
.smallhead h5{ color:#666666; float:right;}
.smallhead .phone h5{ float:right;}


.social img{width:30px; border-radius:3px; float:right; margin:5px;}

.navigation{ font-family: 'Quicksand', sans-serif;  background:#009dc8; border-radius:0px; margin-bottom:0px;}
.navigation li a{ color:#fff !important; font-size:16px; padding:15px 20px !important; width:215px; text-align:center;}
.navigation li a i { font-size:18px; margin:0 10px 0 0;}
.navigation a:hover{ background:#fff; color:#009dc8;}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

.nav > li > a:hover, .nav > li > a:focus{ background:#fff !important; color:#009dc8 !important;}

.slider{ border-bottom:1px dashed #009dc8 }

.maincontent{ background:rgba(255,255,255,0.5);}
main{}
.nopadding{padding:0px;}



.row{ margin:20px 0px;}
section .box{

/*background: #fdd123;
background: -moz-linear-gradient(top, #fdd123 0%, #ffeca6 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fdd123), color-stop(100%, #ffeca6));
background: -webkit-linear-gradient(top, #fdd123 0%, #ffeca6 100%);
background: -o-linear-gradient(top, #fdd123 0%, #ffeca6 100%);
background: -ms-linear-gradient(top, #fdd123 0%, #ffeca6 100%);
background: linear-gradient(to bottom, #fdd123 0%, #ffeca6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd123', endColorstr='#ffeca6', GradientType=0 );*/
 border-radius:5px; overflow:hidden;
border:2px solid #009dc8;
 transition:ease-in-out all 0.2s;}
/*section .box1{}
section .box2{ background:#5cc7f3;}*/
section .box article{ min-height:100%; cursor:pointer}
section .box article h3{ font-size:22px; font-weight:normal;  text-transform:uppercase; display:block; padding:5px 15px;background: #009dc8; color: #fff;}
section .box article p{ display:block; margin:0 auto; text-align:justify; height:100%; line-height:25px;}
/*section .box:hover img{ filter:grayscale(0.5);}
section .box:hover{ background:#019ec9; cursor:pointer; transition:ease-in-out all 0.2s;color:#fff;}
section .box:hover h3{ background:#019ec9; }
*/




.services{background:#FFF; border:2px solid #009dc8;  font-size:16px; margin:10px 0px; max-height:auto; overflow:auto; border-radius:0 0 5px 5px;}
.services h3{font-size:22px; background:#019ec9; font-weight:normal; text-transform:uppercase; display:block; padding:10px 10px; margin:0 auto; color:#FFF;}
.services p{text-align:justify; padding:5px 10px;}
/*.services ul{ display:block; margin:0 0 0 25px; padding:0}
.services ul li{ color:#F9A602; font-family:"FontAwesome"; list-style:'\f0a9'; margin-right:15px;}*/
.services ul li div{ color:#000000; margin-left:12px;font-family: 'Quicksand', sans-serif;}


.news{background:#A4EBFF; margin:10px 0px; height:280px; border-radius:0 0 5px 5px;}
.news h3{font-size:22px; background:#019cc8; font-weight:normal; text-transform:uppercase; display:block; padding:10px 10px; margin:0 auto; color:#FFF;}
.news button{ background:#025889 !important; color:#FFF !important; border:none; font-size:16px; margin:10px; padding:5px 20px;}
#pscroller1{
width: 100%;
height: 65%;
padding: 10px;
color:#000;
text-align:left;
font-size:15px;
display:block;
line-height:25px;
/*  border: 1px solid black;*/}

#pscroller1 p{ padding:10px 5px; margin:10px 0px; font-size:15px; border-bottom:4px solid #025889; color:#000 !important;}

#pscroller1 a{ color:#FFF;}
.someclass{ width:auto; height:50vh; padding:10px;}
.slidescroller{background:#FFF; height:290px;}
#pscroller2{
width: 100%;
height: 100%;
padding: 10px;
text-align:left;
line-height:25px;
display:block;
/*  border: 1px solid black;*/}

#pscroller2 p{ padding:10px 5px; font-size:15px; margin-top:30%; color:#000;}
#pscroller2 a{ color:#53004b !important;}




.btn{ margin:0 0 0 15px;}

.feedback{background:#FFF; border:2px solid #009dc8;  margin:10px 0px; height:280px; border-radius:0 0 5px 5px;}
.feedback h3{font-size:22px; background:#019ec9; font-weight:normal; text-transform:uppercase; display:block; padding:10px 10px; margin:0 auto; color:#FFF;}


footer{ background:#383838; color:#FFF; padding:20px 0px 0 0; margin:0 auto; border-top:5px solid #025889;}
footer .part1 h4{ color:#FFF;}
footer .part1 span{ margin:0 0 0 15px;}
footer .part2 img{ width:50px; float:left; margin:5px; border-radius:5px;}
footer .footer1{ border-top:1px solid #838383; padding:5px 0px;}
footer section{border-bottom:1px solid #838383; padding:10px 0px;}
footer aside{border-top:1px solid #292929; padding:5px 0px;}
footer aside .login{ float:right;}
footer aside .login img{ float:left; margin-right:10px;}
footer aside a{ font-weight:900; color:#FFFFFF; text-align:right;}



.resp-tabs-container{ 

background-color: #fff;
/*background: -moz-linear-gradient(top, #fff4cb 41%, #fffffa 100%);
background: -webkit-gradient(left top, left bottom, color-stop(41%, #fff4cb), color-stop(100%, #fffffa));
background: -webkit-linear-gradient(top, #fff4cb 41%, #fffffa 100%);
background: -o-linear-gradient(top, #fff4cb 41%, #fffffa 100%);
background: -ms-linear-gradient(top, #fff4cb 41%, #fffffa 100%);
background: linear-gradient(to bottom, #fff4cb 41%, #fffffa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4cb', endColorstr='#fffffa', GradientType=0 );*/
color:#666;

}
.resp-tabs-list li {
font-weight: 500;
font-size: 15px;
display: inline-block;
padding: 11px 12px;
margin: 0;
list-style: none;
cursor: pointer;
float: left;
background:#009dc8;
color:#FFF;}



.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
	background-color:none !important;
}

/*.jumbotron{
background-color:#e9e9e9 !important;
}*/

.resp-tab-active{
 background:#025889 !important;
 color:#fff !important;

}



/*-------------------------------------inner pages content---------------------------------------------------------*/

main h1{ color:#f9a602; text-transform:uppercase; font-size:30px; clear:both; margin-bottom:25px;}
main blockquote{ font-style:italic !important; border-left:5px solid #019cc8;}
main h2{ background:#019cc8; border-radius:5px; display:block; padding:5px 10px; color:#FFFFFF; font-size:20px; border-bottom:2px solid #025889;}
main ul { display:block;}
main ul li{ font-family:"FontAwesome"; list-style:'\f123'; color:#f9a602;}
main ul li span{ color:#000000; font-family: 'Quicksand', sans-serif; margin-left:10px; text-indent:25px;}


.about h3{ color:#019cc8; margin:10px 0px; }
.about h3::after{ height:3px; background:#f9a602; width:20%; margin:5px 0px; display:block; content:'';}
.about img{ display:block; margin:0 auto; text-align:center; border:1px solid #CCCCCC; padding:2px; background:#f0f0f0}
.about p{ background:#fafafa; padding:10px; border-radius:3px;} 


.contact p span{ color:#019CC8; margin-right:15px;}





@media only screen
and (min-device-width:320px)
and (max-device-width:480px){
}

@media only screen
and (max-device-width:320px)
and (orientation:portrait){
}

@media only screen
and (min-device-width:321px)
and (orientation:portrait){
}

@media only screen
and (min-device-width:360px)
and (max-device-width:640px){
}

@media(max-width:767px){
.smallhead .phone h5{ float:left;}

}

@media only screen
and (min-device-width:600px)
and (orientation:portrait){

}

@media only screen
and (min-device-width:768px)
and (orientation:portrait){
.navigation li a{ color:#53004b !important; font-size:16px; padding:15px 10px !important;}
}

@media only screen
and (min-device-width:768px)
and (orientation:landscape){
.navigation li a{ color:#53004b !important; font-size:16px; padding:15px 10px !important;}
}


@media only screen
and (min-device-width:1024px)
and (orientation:landscape){
.navigation li a{ color:#53004b !important; font-size:16px; padding:15px 25px !important;}
}

@media only screen
and (min-device-width:1280px)
and (orientation:landscape){
.navigation li a{ color:#fff !important; font-size:16px; padding:15px 35px !important;}

}

@media only screen
and (min-device-width:1360px)
and (orientation:landscape){

}