

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Lato-Reg', Helvetica, Arial, sans-serif;
	color:#444;
}
body.page article{
	text-align: justify;font-size: 16px;
    line-height: 2;
}
body.page h4{
	line-height: 180%;
}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot") format("embedded-opentype"),
    url("fonts/fontawesome-webfont.woff") format("woff"), 
    url("fonts/fontawesome-webfont.ttf") format("truetype"), 
    url("fonts/fontawesome-webfont.svg") format("svg");
}
@font-face {
    font-family: "Lato-Reg";
    font-style: normal;
    font-weight: normal;
    src:url("fonts/Lato-Reg.ttf") format("truetype");

}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
	text-decoration: none;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.main-menu ul{padding:0; text-align: left; margin: 0;}
.main-menu li a{
  padding: 9px 12px;
  font-size: 16px;
  position: relative;
  display: inline-block;
  outline: none;
  color: #fff;
  text-decoration: none; 
}
.main-menu li:first-child a{padding-right: 0;}
.main-menu li:last-child a{padding-left: 0;}
.main-menu li{display:inline-block;}
.main-menu li a:hover{color: #ccc;}
.main-menu ul ul{position:absolute; width:250px; padding:10px 0; display:none; z-index:100;}
.main-menu li:hover> ul{
  display:block;
  float:left;
  width:246px;
  margin-right: 0px;
  background: #3a3a3b;
}
.main-menu li li{width:100%; padding-right: 10px; float:left; list-style-type:none; margin-right: 0; margin-left: 0;}
.main-menu li li a{text-align: left; font-size: 14px; text-decoration:none; width: 100%; color: #fff; padding: 5px;}
.main-menu ul ul ul{  margin: -44px 225px 0 190px !important;}
/* header */
.flag {
  margin: 30px 0;
}

.flag a{
  padding:0 5px;
}
.logo{
	padding: 0;
}
.nav{
  background-color: #222;
}

.main-menu {
 background-color: #132837;
	z-index: 9999 !important; position: relative;
}
#mega-menu-wrap-header-menu{ background-color: #132837 !important;}
.call , .open{
	margin-top: 5px;
}
.call .widget_text:before{
    font-weight: 400;
    font-family: FontAwesome;
    content: "\f095";
    display: inline-block;
     background-color: #ed7d31;
    color:#fff;
    border-radius: 50px;
    width:30px;
    height: 30px;
    text-align: center;
    padding: 3px;
    position: absolute;
    top: 6px;
    left: 60px;
    font-size: 18px;
}
.call .widget_text:hover:before,
.open .widget_text:hover:before {
    background-color: #fff;
    color: #ed7d31;
    transition:0.2s;
        border: 1px solid #ed7d31;
}
.call h5 , .open h5{
	font-weight: bold;

}
.call p , .open p{
  font-size: 14px;
    line-height: 20px;
}
.open .widget_text:before{
	    content: "\f017";
    display: inline-block;
     background-color: #ed7d31;
    color:#fff;
    border-radius: 50px;
    width:30px;
    height: 30px;
    text-align:center;
    padding: 1.5px;
    position:absolute;
     top: 6px;
    left:46px;
    font-size: 18px;;
    font-weight: 400;
    font-family: FontAwesome;
}
/*slider*/
.huge-it-dot-wrap{
	top:97% !important;
 
}
/***********qebres**********/
.qebres{
  background-color: #132837;
  color: #fff;
  padding: 50px 0;
}
.qebres .textwidget{
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
}
.qebres h3{
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}
/**********services********/
body.home .services h3{
	  font-size: 30px;
    line-height: 1.43;
    font-weight: 700;
    text-align: center;
    color: #000;
}
body.home .services h3:after{
   	background-color: #ed7d31;
   	display: block;
    width: 66px;
    height: 3px;
    content: '';
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
   	} 
   	 .services h3:hover:after{
   width: 156px;
   -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease
   	 }
 .servicesss .widget_text{
 float:right; width:32%; margin: .5%;

 }
 .servicesss .service .widget_text h5{
 	line-height: 1.8;
 	font-size:18px;
 	text-align: center;
 	font-weight: 700;
 }
 .servicesss .service .textwidget p{
 	text-align:left;
    font-size: 16px;
 }

 .servicesss{text-align:center;}

 .servicesss #text-2{width:100%;}
 .servicesss #text-7:before{
	 display: block;
	 font-family: FontAwesome;
	 content:"";
	 color:#fff;

    width: 67px;
    height: 80px;
    padding: 7px;
    text-align: center;
    font-size: 45px;
    margin:0 auto;
     transition: .3s;background-image:url(https://stratoswise.com/fa/wp-content/uploads/sites/2/2024/01/strategy.png);
 }
  .servicesss #text-9:before{
	 display: block;
	 font-family: FontAwesome;
	 content:"";
	 color:#fff;
    width: 85px;
    height: 85px;
    padding: 7px;
    text-align: center;
    font-size: 45px;
  	margin:0 auto;
     transition: .3s;background-image:url(https://stratoswise.com/wp-content/uploads/2024/01/OKR-3.png);

 }
   .servicesss #text-8:before{
	 display: block;
	 font-family: FontAwesome;
	 content:"";
	 color:#fff;
    
    width: 85px;
    height: 85px;
    padding: 7px;
    text-align: center;
    font-size: 45px;
  	margin:0 auto;
     transition: .3s; background-image:url(https://stratoswise.com/wp-content/uploads/2024/01/Business-plan-3.png);

 }

 .service{
 	margin:50px 0;
 }
 /*****************latest projects************/
 .projects{
 	background-color:#d8d8d8;
 	background-image:url("./img/mt-0123-home-bg.png"); 
   background-repeat: repeat;
       background-size: auto;
    background-position: center top;padding-top: 20px;
    padding-bottom: 45px;
 }
 .projects h3, .portfolio h3 ,.news h3{
 	    color: #252525;
 	    font-weight: 700;
        text-align: center;
      font-size: 30px;
    line-height: 1.43;
    margin-top: 40px;
    margin-bottom: 25px;

 }
 .projects .textwidget{
 	font-size: 16px;
 	text-align: center;
 	    color: #606060;
 }
.projects .widget_text{margin-bottom: 35px;}
.projects .cat-post-item{
 	display: inline-block;
 	width: 23.2%;
 	border-bottom: none !important;
    margin:0 10px!important;  
   padding: 0 !important;
   background: #fff;float:right;
 }
.projects .cat-post-item img{
 	width: 100%;
 	margin: 0 !important;
 }
.projects .cat-post-item p{
  	font-size: 14px;
  	line-height: 22px;
    margin: 0 5px; height:120px;
  }
.projects .cat-post-thumbnail{
 	float: none !important;
 	margin: 0 !important;
 }
.projects ul{
 	padding: 0;
 	margin: 15px 0;
 }
.projects .cat-post-title{
 	font-size: 20px !important;
 	margin: 0 5px;
 }


 element {
}
#category-posts-6-internal{
	padding: 0;
}
#category-posts-6-internal .cat-post-item img{
   width: 100% !important;
 transition: all 0.7s ease;
}
 #category-posts-6-internal .cat-post-item{
	display: inline-block;
	width: 25%;
	border-bottom: none !important;
   padding:0px!important;  
   margin: 0 !important;
   position: relative;
}
  #category-posts-6-internal .cat-post-item:hover img{
   -webkit-transform: rotateY(180deg);
   -webkit-transform-style: preserve-3d;
   transform: rotateY(180deg);
   transform-style: preserve-3d;
   -webkit-transition: all 0.7s ease;
   transition: all 0.7s ease;
   filter:brightness(40%);
  }
	 #category-posts-6-internal .cat-post-title {
   font-size: 26px !important;
   width: 100%;
   text-align: center;
   color: #fff;
   margin: 0 auto;
   position: absolute;
   display: none;
   bottom: 127px;
   text-shadow: 0px 0 10px #fff;
}
 #category-posts-6-internal .cat-post-item:hover .cat-post-title{
		 display: block;
	 }
#category-posts-6-internal .cat-post-thumbnail{
   margin: 0 !important;
}
.projects .cat-post-item img {
  width: 100%;
  margin: 0 !important;

}
.projects img {
  height: 250px;
  object-fit: cover !important;
}



 /***********portfolio projects*********/
 #category-posts-3-internal{
 	padding: 0;
 }
#category-posts-3-internal .cat-post-item img{
	width: 100% !important;
  transition: all 0.7s ease;
}
  #category-posts-3-internal .cat-post-item{
 	display: inline-block;
 	width: 25%;
 	border-bottom: none !important;
    padding:0px!important;  
    margin: 0 !important;
    position: relative;
 }
   #category-posts-3-internal .cat-post-item:hover img{
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform: rotateY(180deg);
	transform-style: preserve-3d;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	filter:brightness(40%);
   }
      #category-posts-3-internal .cat-post-title {
    font-size: 26px !important;
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    position: absolute;
    display: none;
    bottom: 127px;
    text-shadow: 0px 0 10px #fff;
}
  #category-posts-3-internal .cat-post-item:hover .cat-post-title{
      	display: block;
      }
#category-posts-3-internal .cat-post-thumbnail{
	margin: 0 !important;
}
/**************news***********/
.news .cat-post-item{
	border:none !important;
	width: 30%;
	display: block;
	margin: 0 1.5% !important; float:right;
}
.news ul{
	padding: 0;
}
.news .cat-post-thumbnail{
	margin: 0 !important;
	
}
.news .cat-post-item img{
	height: 230px;
  width: 100%;
  object-fit: cover;
}
.news .cat-post-title{
    margin-top: 20px;
    font-size: 20px !important;
    display: block;
}
.news .cat-post-item{
	font-size: 18px;
	color: #777;
	margin-top: 10px;
}
.cat-post-excerpt-more{
	display: block;
	color:#ed7d31;
}

/**************footer**********/
.footer-main{
	margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #d8d8d8;
    border-style: none;
    border-color: #fff;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-image: url("./img/mt-0123-home-footer.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    }
.location .textwidget{
	font-size: 16px;
	color: #fff;
	line-height: 35px;
}
.footer-main h3{
	color: #fff;
	font-weight: 600;
}
.social li.menu-item{
	list-style: none;
	margin-top: 14px;
}
.social li.menu-item a{
	font-size:18px;
	color:#fff;
}
.social li.menu-item:hover a{
	color:  #ed7d31;
	text-decoration: none;
}
ul.page-list{
	text-align: center;
	margin-top:20px;
} 
.tnp-widget label{
	font-weight:500 !important;
	color: #fff !important;
}
.tnp-widget input.tnp-submit{
	    background-color: rgba(68, 68, 68, 0.2) !important;
}
.tnp-widget input.tnp-submit:hover{
background-color: #ed7d31 !important;
}

.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select{
  border-radius: 10px;
}
ul.page-list li {
	display: inline-block;
	margin: 0 20px;
}
ul.page-list li a{
    font-size: 14px;
    font-weight: 600;
}
.newsletter h4{
	color: #fff;

}
 .tnp-widget input[type=submit]{
 	width: 40% !important;
 	float: right;
 	font-size: 18px !important;
 }
 .social li.menu-item:before{
  font-size: 20px;
  font-family: "FontAwesome";
  color: #ed7d31;
  margin-right: 20px;
 }
  .social li.menu-item-219:before, .social li.menu-item-91:before{
  	content:  "\f16d";
  }
    .social li.menu-item-220:before,.social li.menu-item-92:before{
  	content:  "\f124";
  }
     .social li.menu-item-221:before,.social li.menu-item-93:before{
  	content:  "\f082 ";
  }
    .social li.menu-item-222:before,.social li.menu-item-94:before{
  	content:  "\f08c";
  }
ul.page-list li a:hover{
	color:#ed7d31; 
	transition:0.2s;
}
p.copyright {
	font-size: 16px;
	clear: both;
	text-align: center;
	color: #7a7a7a;
	margin-bottom: 10px;
	margin-top: 10px
}


.lllll .post.type-post .view-article{display:none;}
.lllll .post.type-post p{display:none;}
.lllll .post.type-post h2{height:70px;}

iframe{width:100%;}



.contactus1{float:left !important;}

.contactus1 input, .contactus1 textarea{background-color: #efebeb;    border: 0px;padding: 10px;text-align:left;width:100%;}
.contactus1 input{margin-bottom:15px;}
.formm-3{float:right;}
.formm-4{float:left;}
.formm-4 .wpcf7-form-control.wpcf7-submit:hover{background-color:#ed7d31;}
.khali{clear:both;}
.wpcf7-form-control.wpcf7-captchac{float:right;}
.wpcf7-form-control.wpcf7-submit{width:100%;text-align:center;background-color: #132837;color:white;}
.wpcf7-form-control.wpcf7-captchar{width:100px;}
.contactus1 #black-studio-tinymce-23, .contactus1 #black-studio-tinymce-24{text-align: center;}
.contactus1 #black-studio-tinymce-23 p, .contactus1 #black-studio-tinymce-24 p{    font-size: 14px;color: grey;margin-bottom:35px;}
.contactus1 #black-studio-tinymce-23 h2, .contactus1 #black-studio-tinymce-24 h2{font-size:20PX;}

.formm-2 textarea{height:175px;}

.contactus2{border-left:1px solid lightgrey;}

.contactus2 .widget_nav_menu, .contactus2 .widget_text{border-bottom: 1px solid lightgrey}
.contactus2 #black-studio-tinymce-34{border-bottom:0px !important;}
.contactus2 .menu-item-1240{display:none;}
.contactus2 ul {
    margin: 0;
    padding: 5px 0px 10px 0px;;

}
.contactus2 li {
    position: relative;
    padding-left: 20px;
    vertical-align: middle;
    display: inline-block;
    list-style: none;
}
.contactus2 li a {
    font-size: 0 !important;
    display: inline-block;
    text-decoration: none;
}
.contactus2 li.menu-item-47 a:before {
    font-family: "FontAwesome";
    content: "\f16d";
    font-size: 28px;
    color: #ed7d31;
}
.contactus2 li.menu-item-48 a:before {
    font-family: "FontAwesome";
    content: "\f124";
    font-size: 28px;
    color: #ed7d31;
}
.contactus2 li.menu-item-49 a:before {
    font-family: "FontAwesome";
    content: "\f09a";
    font-size: 28px;
    color: #ed7d31;
}
.contactus2 li.menu-item-51 a:before {
    font-family: "FontAwesome";
    content: "\f08c";
    font-size: 28px;
    color: #ed7d31;
}

.contactus2 li.menu-item-1135 a:hover:before, .contactus2 li.menu-item-1136 a:hover:before{color:black;}


.contactus2 h2{font-size:15px;font-weight:900;margin-top:14px;}
.contactus2 p{margin-bottom:5px;}

.contactus2 #black-studio-tinymce-13 p:before{ content: "\f095";font-family: "FontAwesome"; font-size: 28px; vertical-align: middle; margin-right: 30px;display: inline-block; color: #ed7d31;}
.contactus2 #black-studio-tinymce-14 p:before{ content: "\f0e0";;font-family: "FontAwesome"; font-size: 28px; vertical-align: middle; margin-right: 30px;display: inline-block; color: #ed7d31;}
.contactus2 #black-studio-tinymce-18 p:before{ content: "\f041";font-family: "FontAwesome"; font-size: 28px; vertical-align: middle; margin-right: 30px;display: inline-block; color: #ed7d31;}
.contactus2 p{font-size:14px;}

.contactus1 #black-studio-tinymce-11{text-align: center;font-size: 18px;}

.plpr{margin-top:40px;}


.posst{font-size:17px;line-height:2;}




.lllll .post.type-post{width: 30%;
    float: right;
    margin: 1%;
box-shadow: 0 0 5px lightgrey;
    padding: 10px;
    font-size: 15px;}
.lllll .post.type-post h2 a{font-size: 21px;}
.lllll .post.type-post img{width: 100%;
    height: 300px;
    object-fit: cover;}

.date, .author, .comments{display:none;}

.projects .post-title.cat-post-title{    height: 60px;
    display: block;
    font-size: 17px !important;
    margin-top: 10px;}



.entry-meta{display:none;}
.entry-content p, .entry-content ul li, .entry-content ol li{font-size:15px !important;}

.main-navigation .menu-toggle{display:none;}

.content2-blog{width: 30%; float: right; margin: 1%;}
.content2-blog .entry-footer{display:none;}


.content2-blog .entry-title a{font-size:15px; font-weight:900; height:50px; display:block;}

.content2-blog img{height:250px; object-fit:cover;}

.news img,.news .cat-post-thumbnail{width:100%; height:250px; object-fit:cover;}

.qebres a{color:orange;}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/




@media  (max-width:1140px) {

}
@media  (max-width:1024px) {
.servicesss h5{
	font-size: 15px;
}
.projects .cat-post-item{
	width: 22%;
}
}
@media  (max-width:768px) {
    
.lllll .post.type-post h2{height:auto;}
.servicesss .widget_text{
	width: 100%;
}
.projects .cat-post-item{
	width: 47%;
   display: inline-block;
}
#category-posts-3-internal .cat-post-item{
	width: 50%;
}
#category-posts-3-internal .cat-post-thumbnail{
	text-align: center;
}
.logo{
	text-align: center;
}
#category-posts-5-internal .cat-post-item{
	width: 47%;
}
#mega-menu-wrap-header-menu{background: #132837 !important;}
#mega-menu-wrap-header-menu #mega-menu-header-menu{
	padding: 0 100px;
}
.news .cat-post-item{
  width: 47%
}
.flag{
  float: none;
}
.logo{
  float: none;
}
.lllll .post.type-post{width:98%;height: auto;}
.content2-blog{width: 98% !important; float: right; margin: 1%;}
}
@media(max-width: 640px){
#mega-menu-wrap-header-menu #mega-menu-header-menu{
	padding: 0 39px;
}
.projects .cat-post-item{
	width: 46%;
   display: inline-block;
}
#category-posts-3-internal .cat-post-item{
	display: block;
	width: 100%;

}
#category-posts-5-internal .cat-post-item{
	width: 100%;
}
}
@media(max-width: 480px) {
.servicesss .widget_text{
	width: 100%;
}
.projects .cat-post-item{
	width: 100%;
	display: block;
}
#category-posts-3-internal .cat-post-item{
	width: 100%;
}
#category-posts-5-internal .cat-post-item{
	width: 100%;
}
.servicesss .widget_text{
  width: 100%;
  display: block;
}
.news .cat-post-item{
  width: 100%;

}
.news .cat-post-title{height:70px;}

.flag{
  text-align: center;
  float: none;
}
}

.slider{margin-top:-10px !important;}
.logo img{margin-top:13px;}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}



/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}




