/* CSS Document by Palakshi Dam -Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i');

body{margin:0; font-family: 'Fira Sans Extra Condensed', sans-serif; background-image:url('images/bg.jpg')}

a{text-decoration:none}
a:hover{text-decoration:none}

#main{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow: auto}
#main-inner1{width:85%; height:auto; margin:0 auto;}
#main-inner2{width:82%; height:auto; margin:0 auto; overflow: auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow: auto}
#main-inner4{width:88%; height:auto; margin:0 auto; overflow: auto}

#header{width:100%; height:auto; float:left; margin:1% 0}
#header .logo{width:6%; height:auto; float:left}
#header .logo img{width:100%; height:auto; float:left;}
#header .right{width:38%; height:auto; float:left; margin:1% 0 0 1%;}
#header .right .box{width:70%; height:auto; float:left; margin:1%; padding:2% 2%; border:1px #BBBBBB solid; background:#D5D5D5; color:#145A84; border-radius:18px; font-family: 'Droid Serif', serif; font-size: medium; font-weight:700; font-style:italic}
#header .right .subs{background:#B5CBD8; border:none; color:#145A84; width:23%; float:left; padding:2% 0; margin:1.2% 0 0 1%; font-family: 'Droid Serif', serif; font-size: medium; font-weight:700; font-style:italic; transition:0.3s}
#header .right .subs:hover{background:#D1E1EB}

.mainlogo{width:20%; height:auto; float:left; margin:2% 40%}
.mainlogo img{width:100%; height:auto; float:left}

#soledad{width:100%; height:auto; float:left; margin:0;}
#soledad img{width:100%; height:auto; float:left; margin:0}

#form_div{width:100%; height:auto; float:left; padding:2% 0}
#form_div .conn{width:98%; height:auto; float:left; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); margin:1%; background:#FFFFFF;}
#form_div .left{width:20%; height:auto; float:left; padding:2% 1%; background:#f2f1f1}
#form_div .left h3{text-align:center; color:#175554; margin:4% 0}
#form_div .left p{text-align:center; color:#666666; margin:4% 0}
#form_div .right{width:78%; height:auto; float:left; padding:1% 0}
#form_div .right .con{width:19%; height:auto; float:left; margin:1%;}
#form_div .right .con1{width:13%; height:auto; float:left; margin:0 1%;}
#form_div .right .con p{margin:5% 0;}
#form_div .right .box{width:100%; height:32px; border: #CCCCCC 1px solid; padding:1.5%; color:#666666; border-radius:3px; margin:0; font-family: 'Fira Sans Extra Condensed', sans-serif; transition:0.5s}
#form_div .right .box:hover{border:#0099FF 1px solid}
#form_div option{padding:1%; border:#999999 1px solid;}
#form_div .right .box1{width:100%; height:32px; border: #CCCCCC 1px solid; padding:1.5%; color: #333333; border-radius:3px; margin:0; font-family: 'Fira Sans Extra Condensed', sans-serif; transition:0.5s}
#form_div .right .box1:hover{border:#0099FF 1px solid}
#form_div .right .submit{padding:5%; background-color:#175554; text-decoration:none; color:#FFFFFF; margin:14% 0 0 0; float:left; font-family: 'Fira Sans Extra Condensed', sans-serif; border:none; cursor:pointer; transition:0.50s}
#form_div .right .submit:hover{background-color:#C00000}

#slide{width:100%; height:auto; float:left}
#slide .widthseven{background:#999999; width:70%; float:left}
#slide .widthhund{width:100%}

#right_img{width:30%; height:auto; float:left; background:black}
#right_img img{width:100%; height:auto; float:left; opacity:1; transition:0.5s}
#right_img img:hover{opacity:0.8}

#video{width:100%; height:auto; float:left; margin:2% 0}
#video .con{width:24%; height:auto; float:left; margin:0.5%; background:white; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
#video .con a{text-decoration:none; color:#333333}
#video .con img{width:100%; height:auto; float:left; margin-bottom:2%}
#video .con h3{color:#333333; font-size:14px; font-weight:bold; padding:0 1%; width:98%; height:45px; float:left; margin:0}
#video .con p{width:96%; height:auto; float:left; margin:0% 2% 2% 2%; color: #999999; font-style:italic; font-family: 'Droid Serif', serif;}
#video .con span{width:48%; height:auto; float:left; margin-left:1%; color:#C0C0C0; font-family: 'Droid Serif', serif;}

#adv{width:100%; height:auto; float:left}
#adv .ad{width:30%; height:auto; float:left; margin:1%}
#adv .ad img{width:100%; height:auto; float:left}
#adv .scro{width:67%; height:auto; float:left; margin:2% 1% 1% 0; padding:0.75%; background:#DDDDDD}

#foot{width:100%; height:auto; float:left; margin:0.5% 0}
#foot .menu{width:50%; height:auto; float:left;}
#foot .menu a{color:white; padding:1% 2%; font-size:medium; float:left; font-family: 'Fira Sans Extra Condensed', sans-serif; text-transform:uppercase; transition:0.5s}
#foot .menu a:hover{text-decoration:none; color:#FFCC00}
#foot .sicon{width: auto; height:auto; float: right}
#foot .sicon a{width:5%; height:auto; float: right; margin:1.5% 2%}
#foot .sicon a img{width:100%; height:auto; float:left; background:white; transition:0.3s}
#foot .sicon a img:hover{background:#3399FF}

#footer{width:100%; height:auto; float:left; margin:0.5% 0}
#footer .sha{text-align:center; margin-top:1%}
#footer p{width:100%; height:auto; float:left; margin:1% 0 0.5% 0; text-align:center}
#footer a{text-decoration:none}

.testimonial_bac{background:url(images/bg1.jpg) no-repeat left fixed; background-size:cover; padding:4% 0 6% 0}

#about{width:97%; height:auto; float:left; padding:1%; background:white; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); margin:3% 0.5%}
#about h1{font-family: 'Droid Serif', serif; border-bottom:1px #666666 solid; padding-bottom:0.8%; margin-bottom:1.5%; font-size:30px; color:#0A456E}
#about p{color:#333333; ; font-family: 'Droid Serif', serif; font-style:italic; font-size:medium; text-align:justify}

#services{width:100%; height:auto; float:left; padding:4% 0}
#services .con{width:30%; height:450px; float:left; margin:1.6%; padding:1%; background:white; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
#services .con img{width:60%; height:auto; float:left; margin:1% 20% 3% 20%; border-radius:50%;}
#services .con h1{font-family: 'Dita sweet', sans-serif; border-bottom:1px #666666 solid; padding-bottom:0.8%; margin-bottom:3%; text-align:center; font-style:italic; color:#0A456E; font-size:30px;}
#services .con p{text-align:center; font-family: 'Droid Serif', serif; font-style:italic; color:#808080}
#services .con a{background:#B5CBD8; border:none; color:#145A84; width:30%; float:left; padding:1.4% 0; margin:2% 35%; text-align:center; text-decoration:none; font-family: 'Droid Serif', serif; font-size: medium; font-weight:700; font-style:italic; transition:0.3s}
#services .con a:hover{background:#D3E6F1}

#videos{width:100%; height:auto; float:left; padding:4% 0}
#videos .con1{width:100%; height:auto; float:left; margin:1% 0}
#videos .con1 iframe{width:100%; height:600px; float:left;}
#videos .about{width:99.6%; height:auto; float:left; padding:1%; background:white; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); margin:1% 0.2%}
#videos .about h1{font-family: 'Droid Serif', serif; border-bottom:1px #666666 solid; padding-bottom:0.8%; margin-bottom:1.5%; font-size:30px; color:#0A456E}
#videos .about p{color:#333333; ; font-family: 'Droid Serif', serif; font-style:italic; font-size:medium; text-align:justify}

#hover{width:100%; height:auto; float:left; padding:0% 0 4% 0}
#hover .con{margin:1%; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); width:23%; height:auto; float:left}

.sticky-divi-button1 {
 /*color: #ffffff;
font-size: 18px;
background:url(images/call-button.png) no-repeat;
background-size:200px 62px;
border-radius: 0;
letter-spacing: 0.8px;
text-transform: uppercase;
text-decoration: none;
padding: 18px 20px 20px 65px;
text-align:right;*/
z-index: 10;
position: fixed;
bottom: 80px;
right: 0px;
}
.sticky-divi-button1:hover {
color:#dcbf73;
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:98%; height:auto; margin:0 auto; overflow: auto}
#main-inner1{width:98%; height:auto; margin:0 auto;}
#main-inner2{width:98%; height:auto; margin:0 auto; overflow: auto}
#main-inner3{width:98%; height:auto; margin:0 auto; overflow: auto}
#main-inner4{width:98%; height:auto; margin:0 auto; overflow: auto}

#header .logo{width:90%; height:auto; float:left; margin:2% 5% 0% 5%}
#header .logo img{width:100%; height:auto; float:left}
#header .right{width:98%; height:auto; float:left; margin:2% 1%}
#header .right .box{width:100%; height:auto; float:left; margin:1% 0; padding:4% 2%; border:1px #BBBBBB solid; background:#EDEDED; color:#145A84; border-radius:5px; font-family: 'Droid Serif', serif; font-size: medium; font-weight:700; font-style:italic}
#header .right .subs{background:#0177BC; border:none; color:#ffffff; width:93%; float:left; padding:2% 0; margin:2%; font-family: 'Droid Serif', serif; font-size: medium; font-weight:700; font-style:italic}

.mainlogo{width:80%; height:auto; float:left; margin:5% 10%}
.mainlogo img{width:100%; height:auto; float:left}

#slide .widthseven{background:#999999; width:100%; float:left}
#slide .widthhund{width:100%}

#form_div .left{width:100%; height:auto; float:left; padding:2% 1%; background:#f2f1f1}
#form_div .left h3{text-align:center; color:#175554; margin:1% 0}
#form_div .left p{text-align:center; color:#666666; margin:1% 0}
#form_div .right{width:100%; height:auto; float:left; padding:1% 0}
#form_div .right .con{width:98%; height:auto; float:left; margin:1%;}
#form_div .right .con1{width:98%; height:auto; float:left; margin:0 1%;}
#form_div .right .con p{margin:5% 0 1% 0; font-size:medium}
#form_div .right .box{width:100%; height:auto; border: #CCCCCC 1px solid; padding:3% 1.5%; color:#666666; border-radius:3px; margin:0; font-family: 'Fira Sans Extra Condensed', sans-serif; transition:0.5s}
#form_div .right .box1{width:100%; height:auto; border: #CCCCCC 1px solid; padding:3% 1.5%; color: #333333; border-radius:3px; margin:0; font-family: 'Fira Sans Extra Condensed', sans-serif; transition:0.5s}
#form_div .right .submit{width:100%; height:auto; padding:5% 0; background-color:#175554; text-decoration:none; color:#FFFFFF; margin:0 0 0 0; float:left; font-family: 'Fira Sans Extra Condensed', sans-serif; border:none; cursor:pointer; font-size:x-large; transition:0.50s}

#video .con{width:99%; height:auto; float:left; margin:2% 0.5%; background:white; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
#video .con h3{color:#333333; font-size:14px; font-weight:bold; padding:1%; width:98%; height:auto; float:left; margin:0}
#video .con p{width:96%; height:auto; float:left; margin:2% 2% 2% 2%; color: #999999; font-style:italic; font-family: 'Droid Serif', serif;}

.containersty{background:#999999; width:100%; float:left}

#adv .ad{width:98%; height:auto; float:left; margin:1%}
#adv .ad img{width:100%; height:auto; float:left}
#adv .scro{width:96%; height:auto; float:left; margin:2% 1%; padding:1%; background:#DDDDDD}

#foot .menu{width:100%; height:auto; float:left; margin:5% 0 0 0}
#foot .menu a{width:24%; height:auto; float:left; color:white; padding:1.5% 0%; margin:0.5%; background:#7F7F7F; font-size:medium; text-align:center; float:left; font-family: 'Fira Sans Extra Condensed', sans-serif; text-transform:uppercase; transition:0.5s}

#foot .sicon{width:100%; height:auto; float:left; margin:5% 0}
#foot .sicon a{width:7%; height:auto; float:right; margin:1.5% 3.5%}

#footer .sha{text-align:center; margin:4% 0}
#footer p{width:100%; height:auto; float:left; margin:3% 0; text-align:center}

#about{width:98%; height:auto; float:left; padding:2%; background:white; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25); margin:3% 0.5%}

#services .con{width:97%; height:auto; float:left; margin:3% 1.5%; padding:1%; background:white; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);}

#hover .con{margin:3% 1%; box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.10); width:98%; height:auto; float:left}

#videos .con1 iframe{width:100%; height:300px; float:left;}

}