/*

 Theme Name:     Runwaysteel-child

 Theme URI:      https://www.elegantthemes.com/gallery/divi/

 Description:    Divi Child Theme

 Author:         Runwaysteel-child Themes

 Author URI:     https://www.elegantthemes.com

 Template:       Runwaysteel

 Version:        1.2.0

*/

 

 

/* =Theme customization starts here

------------------------------------------------------- */

@import url("../Runwaysteel/style.css");

* { margin: 0px; padding: 0px; }

body { font-family: 'Raleway', sans-serif; font-size: 16px; }

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

.metaslider .caption-wrap { background: transparent !important; text-align: left !important; }

.banner-text { margin: 0% 0% 18% 8%; }

.banner-text h1 { font-weight: 800; font-size: 58px; color: #fff !important; text-shadow: 3px 2px 3px #000; }

.yellow-text { color: #f8c301 !important; }

.banner-text b { font-size: 30px; }

.read-more { color: #fff !important; background: #2ea3f2 !important; padding: 12px 33px; box-shadow: 9px 9px #000; font-weight: 600; text-transform: uppercase !important; }

.heading-blue { color: #2ea3f2; }

.Expertise h1, .abt h1, .servc h1, .project h1, .client h1, .inner-heading h1 { color: #413f3f !important; font-size: 35px !important; text-transform: uppercase !important; font-weight: 700; }

.exprtc-column .et_pb_column.et_pb_column_1_4 { margin-right: 0px !important; width: 25%; }

.exprtc-column p { padding: 43% 0% !important; color: #fff !important; font-size: 21px; font-weight: 600; text-align: center !important; }

.et_pb_row { position: relative; width: 86%; max-width: 1320px; }

.et_pb_row.et_pb_row_2.exprtc-column.et_pb_row_4col { width: 100% !important; max-width: 1400px; }

.blue-border { border: 2px solid #2ea3f2 !important; padding: 34% 0px; }

.year-no { font-size: 78px; color: #2ea3f2 !important; }

.year-word { font-size: 21px; color: #fff !important; }

#et-info { float: right; }

#et-top-navigation { float: left !important; margin-left: 10%; }

.cert-img img { float: right !important; margin-top: 1%; }

.footer-sec h2 { color: #fff !important; text-transform: uppercase !important; }

.project-sec { width: 100% !important; display: flex; }

.et_pb_row.et_pb_row_5.project-row-outr { width: 100% !important; }

.banner-text { margin: 0% 0% 9% 8%; text-align: left; }

.email-cls input { width: 100% !important; height: 44px; text-align: center; border: 0px !important; background: #a8a8a8; color: #fff !important; }

.snd-cls input { width: 100% !important; height: 46px; margin-top: 2%; background: #2ea3f2 !important; border: 0px; color: #fff !important; font-size: 16px; text-transform: uppercase; }

.middle-sec {



    width: 24% !important;



}

/*----NT---------------05-NOV-2018--------------------------------*/

.single.single-otw-portfolio #et-main-area {

    margin-top: 111px;

}



.otw-single-portfolio-item .nav-single {

    display: none;

}



.otw-single-portfolio-item .entry-content {

    margin-bottom: 15px;

}



.footer-sec p {



   line-height: 32px;

	

	



}

.otw-six.otw-columns #sidebar {



    width: 100%;



}

.otw-six.otw-columns #sidebar h4 {

    font-weight: 600;

}



/*----NT---------------31-oct-2018--------------------------------*/



/*.middle-pro { width: 23.5%; }*/

.middle-pro img { height: 249px; }

.middle-main img {height: 266px; display: block !important; }


.project-sec .proj-title a {



    background: white;

    border-radius: 5px;

    padding: 5px;

    line-height: 1.5;

    font-size: 16px;



}



.overlay-01, .overlay-04 { position: absolute; top: 0; bottom: 0; height: 100%; opacity: 0; transition: .5s ease; background-color: #00000080; width: 38.2%; }





.overlay-02 { position: absolute; top: 0; bottom: 0;  height: 266px; opacity: 0; transition: .5s ease; background-color: #00000080; width: 23.5%; }



.overlay-03 { position: absolute; top: 50%; bottom: 0;  height: 266px; opacity: 0; transition: .5s ease; background-color: #00000080; width: 23.5%; }





.first-pro:hover .overlay-01, .last-pro:hover .overlay-04  { opacity: 1; }



.middle-pro:hover .overlay-02, .middle-sec:hover .overlay-03  { opacity: 1; }



.overlay-01 .title, .overlay-04 .title, .overlay-02 .title, .overlay-03 .title { text-align: center; margin-top: 50%; }





.count{font-size: 78px; color: #2ea3f2 !important;}

/*--------------------------End------------------------------------*/



.last-pro, .first-pro { width: 38% !important; }

.et_pb_slide_title { font-size: 51px !important; font-weight: bold !important; }

.servc li { line-height: 42px; }

.right-area { width: 49% !important; float: right; }

.left-area { width: 49% !important; float: left; }

/*.left-area input { height: 44px; margin-bottom: 7%; border: 2px solid #2ea3f2; padding: 4px; }*/

.left-area input:hover { background: #2ea3f2; color: #fff !important; font-size: 14px !important; font-weight: 500; width: 100% !important; }

/*.right-area textarea { border: 2px solid #2ea3f2 !important; height: 170px; padding: 4px !important; }*/

.right-area textarea:hover { background: #2ea3f2 !important; font-size: 14px !important; font-weight: 500; color: #fff !important; }

.snd-btn input { float: right; padding: 12px 46px; margin-top: 2%; background: #2ea3f2; border: 0pc !important; color: #fff !important; text-transform: uppercase !important; font-size: 16px !important; }

.ml-slider-3-10-0.metaslider.metaslider-flex.metaslider-34.ml-slider.ms-theme-outline.has-dots-nav { width: 100% !important; max-width: 100% !important; }

#footer-info { display: none !important; }

.Powered { float: right; }

.copyright { float: left !important; }

.current_page_item { background: #2ea3f2; padding: 28px 0px 0px 23px; }

#top-menu-nav ul li {  padding: 14px 14px; }

.Expertise a { color: #fff !important; font-size: 24px; }

.profile .et_pb_toggle_close {background: #2ea3f2 !important;}

.profile .et_pb_toggle_close h5 { color: #fff !important;}





/*-----------------------11-01-2018-------------------------*/

.attachment-otw-portfolio-medium.size-otw-portfolio-medium.wp-post-image{width: 319px;}

.middle-main {



    width: 24% !important;



}

.middle-pro {



    width: 100% !important;



}

.middle-sec {



    width: 100% !important;



}

.last-pro, .first-pro {



    width: 39% !important;



}

.middle-main img {



   /* height: 257px; */



}

#et-info-email:hover, #et-secondary-menu > ul > li > a:hover, #top-menu-nav > ul > li > a:hover, .et-social-icons a:hover {

background: none !important;}

/*------------------------------------------------*/











/*------------------------------------------------*/

.left-area input {



    height: 44px;

    margin-bottom: 7%;

    border: 2px solid #2ea3f2;

    padding: 4px;

    width: 100%;

    font-size: 13px !important;



}

.right-area textarea {



    border: 2px solid #2ea3f2 !important;

    height: 170px;

    padding: 4px !important;

    width: 100%;



}

/*------------------------------------------------*/







.cert-img img {
    margin-top: 4%;
    width: 13%;
    margin-bottom: 15px;
}

#top-menu a {



    background: transparent !important;



}



.otw-portfolio-filter {



    text-transform: lowercase !important;



}

.otw-twentyfour.otw-columns {



    margin: 2% 0% !important;



}


.carousel-slider__caption {

   bottom: 39px !important;
   background: #0006 !important;
   padding: 1px !important;
   color: #fff !important;
   clear:both;

}
.carousel-slider__caption p {

    font-weight: bold !important;
    font-size: 16px !important;

}
.percent-value, .title {

    color: #2ea3f2 !important;

}










 @media screen and (max-width: 1014px) {

.banner-text h1 { font-size: 40px !important; }

.banner-text { line-height: 9px; }

.banner-text b { font-size: 20px !important; }

.cert-img img {
        margin-top: 32px;
    margin-bottom: 15px;
}

ul#top-menu li a {
    font-size: 12px;
    padding-bottom: 5px !important;
    padding: 1px;
}

}

 @media screen and (max-width: 980px) {
.cert-img img {
    margin-top: 20px;
    margin-bottom: 15px;
    width: 211px;
}
}

 @media screen and (max-width: 840px) {

.banner-text { font-size: 31px !important; }

}



 @media screen and (max-width: 784px) {

	.project-sec .proj-title a {

    font-size: 17px;

	}

}


 @media screen and (max-width: 770px) {
    .cert-img img {        width: 35%;
    }
}

 @media screen and (max-width: 618px) {

.banner-text { text-align: center; }

/*----NT-----------05NOV2018-------------------------------------*/

.project-sec { display: block;}



.last-pro, .first-pro { width: 100% !important; position: relative; }

.middle-main { width: 100% !important; }

.middle-pro { width: 100% !important; position: relative; }

.overlay-01, .overlay-04 { width: 100%; height: 98.5%; }

.overlay-02 { width: 100%; height: 98.5%; }

.overlay-03 { width: 100%;height: 24.7%; }

.middle-main img { height: 100% !important; } 

	 

/*------nt----------------------------------------------*/	 

}

@media screen and (max-width: 684px) {

.banner-text h1 { font-size: 27px !important; }

.banner-text b { font-size: 18px; }
.flex-viewport.slides {

    width: 100% !important;

}
.flex-viewport.slides li {

    width: 100% !important;

}
}
@media screen and (max-width: 610px) {
.cert-img img {
    width: width: 35%;
}

}

 @media screen and (max-width: 498px) {

.banner-text { margin: 0% 0% 2% 0%; }

/*.cert-img img { width: 18%; margin-top: 13%; }*/

.Expertise h1, .abt h1, .servc h1, .project h1, .client h1, .inner-heading h1 {  font-size: 25px !important; }
 body { font-family: 'Raleway', sans-serif; font-size: 14px; }
 #logo  {width: 35% !important;}
 .blue-border {

    width: 97% !important;
    padding: 56px;

}
#metaslider_container_34 ul li img {

    height: 200px !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;

}
.blue-border .percent p {

    font-size: 55px !important;

}
.abt {

    padding: 0px !important;

}
.Expertise {

    padding: 0px;

}
.servc {

    padding: 0px;

}
.otw-portfolio-filter {

    float: left;
    width: 100% !important;
    display: grid;

}
.otw-portfolio.block-grid.three-up.mobile {

    width: 106% !important;
    float: right;

}
.servc {

    padding: 0px;

}

.et_pb_slide_title {

    font-size: 28px !important;

}
.recent {

    padding: 0px !important;

}
.left-area {

    width: 100% !important;

}
.right-area {

    width: 100% !important;

}
.contact-01 {

    bottom: 57px !important;

}
.form-01 {

    margin-top: -19% !important;

}
.snd-btn input {

    width: 100% !important;

}
.single.single-otw-portfolio #et-main-area {

    margin-top: 8% !important;

}
.entry-header h1 {

    font-size: 20px!important;
    line-height: 30px!important;
}
 }
 @media screen and (max-width: 381px) {

.banner-text h1 { font-size: 23px !important; margin-bottom: -3% !important; }

.banner-text b { font-size: 16px !important; }


}


.image {height: 300px !important;}
.first-pro img {

    width: 100% !important;

}


.otw-six.otw-columns h4 {

    background: #2ea3f2;
    color: #fff !important;
    text-align: center;
    padding: 17px;

}
#sidebar ul li {

    background: #d1d1d1 !important;
    font-size: 14px !important;
    line-height: 20px;
    padding: 11px;
	margin-bottom:5%;

}
.otw-eighteen, .otw-row .otw-eighteen {

    width: 70%;

}

.otw-six, .otw-row .otw-six {

    width: 30%;
    font-size: 14px !important;
	

}


.four-box {

    border: 5px solid #fff !important;

}

.title {

    color: #f3f3f3 !important;
	font-size: 23px !important;

}
.et_pb_toggle {

    border: 1px solid #2ea3f2;

}
.et_pb_toggle_title::before {
color: #2ea3f2;}



.separator {

    display: none;

}
.otw-portfolio-filter li a {

    color: white !important;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px !important;
    text-align: center !important;
    display: block;
    font-weight: 600;

}
.otw-portfolio-filter li {

    width: 100% !important;
    background-color: #2ea3f2;
    margin-bottom: 16px;
    padding: 10px !important;

}
.otw-portfolio-filter {

    float: left;
    width: 20%;
    display: grid;

}
.otw-portfolio.block-grid.three-up.mobile {

    width: 80% !important;
    float: right;

}
.text.entry-content {

    font-size: 14px;
    line-height: 22px;

}
.title h3 {

    font-size: 14px !important;
    font-weight: bold;
    line-height: 20px;

}
.image{height:auto !important;}
.cat-slider {

    margin-bottom: 4%;

}
.ug-tile-icon {

    display: none;

}
.ug-icon-zoom{display:none;}


/*------------start-----------25jan2019----------------*/
@media screen and (max-width: 977px) {
.current_page_item {

    background: #2ea3f2;
    padding: 6px 0px 0px 23px;

}
.blue-border {

    padding: 8%;

}
}
@media screen and (max-width: 767px) {
	.image img {

    width: 100% !important;
    display: block !important;

}
.blue-border {

    display: flow-root;

}
	}
	
	@media screen and (max-width: 507px) {
		.otw-portfolio.block-grid.three-up.mobile {

    width: 106% !important;
    float: right;

}
.otw-portfolio-filter li a {

    font-size: 11px !important;
    line-height: 14px !important;

}

		}
/*------------end-----------25jan2019----------------*/