@FONT-FACE {
	  font-family:"Roboto";
  font-style: normal;
  font-weight: 700;
	src: url("Roboto-Regular.ttf");
}


@FONT-FACE {
	  font-family:"cairo";
	src: url("TAJAWAL-REGULAR.TTF");
}



@FONT-FACE {
	  font-family:"Ubuntu";
  font-style: normal;
  font-weight: 700;
	src: url("Ubuntu-Regular.ttf");
}

@FONT-FACE {
	  font-family:"Ubuntu-Bold";
  font-style: normal;
  font-weight: 700;
	src: url("Ubuntu-Bold.ttf");
}







.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

 /* ---------------------------------------------------------------------- TOP NAVIGATION STARTS ------------------ */

        .vc_custom_1458499334752 {
            padding-bottom: 60px !important;
        }
        
        .vc_custom_1458499882648 {
            position: relative;
            z-index: 9;
        }
        
        .vc_custom_1458500548087 {
            padding-top: 100px !important;
            padding-bottom: 200px !important;
            background-image: url(../images/section-1-2.jpg?id=107) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }
        
        .vc_custom_1458673889248 {
            padding-top: 30px !important;
        }
        
        .vc_custom_1458754772326 {
            padding-bottom: 100px !important;
        }
        
        .vc_custom_1468963546986 {
            padding-top: 110px !important;
            padding-bottom: 60px !important;
            background-image: url(../images/section-4-2.jpg?id=191) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }
        
        .vc_custom_1458763584776 {
            padding-top: 30px !important;
            padding-bottom: 60px !important;
        }
        
        .vc_custom_1464523747865 {
            padding-top: 100px;
            padding-bottom: 80px;
            background: url(../images/bg-img-19.jpg);
            background-size: cover;
            position: relative;
        }
        
        .vc_custom_1458825189873 {
            padding-top: 70px !important;
            padding-bottom: 130px !important;
        }
        
        .vc_custom_1458826945032 {
            padding-top: 80px !important;
            padding-bottom: 80px !important;
            background-color: #777 !important;
        }
        
        .vc_custom_1458845756601 {
            padding-top: 120px !important;
            padding-bottom: 250px !important;
            background-image: url(../images/hhhhhhhh.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;background-attachment: fixed;
        }
        
        .vc_custom_1458847793905 {
            margin-top: -210px !important;
        }
        
        .vc_custom_1458850811916 {
            padding-top: 30px !important;
            padding-bottom: 50px !important;
        }
        
        .vc_custom_1464289480408 {
            padding-top: 90px !important;
            padding-bottom: 150px !important;
            background-image: url(../images/section-3-2.jpg) !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }
        
        .vc_custom_1458853534881 {
            padding-top: 30px !important;
            padding-bottom: 120px !important;
        }
        
        .vc_custom_1459182849964 {
            padding-top: 80px !important;
        }
        
        .vc_custom_1458760817501 {
            padding-top: 40px !important;
        }


            .vc_custom_1459002494237 {
                padding-top: 50px !important;
                padding-bottom: 50px !important;
                background-image: url(images/section-2-2.jpg) !important;
                background-position: center !important;
                background-repeat: no-repeat !important;
                background-size: cover !important;
                position: relative;
            }

            .vc_custom_1459005145801 {
                padding-top: 80px !important;
                padding-bottom: 80px !important;
                background-color: #1a1a1a !important;
            }

            .vc_custom_1458999287326 {
                padding-top: 8px !important;
                padding-bottom: 8px !important;
                background-color: #000000 !important;
                text-align: center;
            }

            .vc_custom_1459001400184 {
                margin-top: 25px !important;
            }









.getSearch{
        display: block;
    }


     .search-wrap.getSearch {
    z-index: 99999;
}


.header-icon span {
    font-size: 50px !important;
    color: #fff;
}


.has-feedback .form-control {
    padding-left: 13px;
}


.form-control-feedback {
top: 0px;
font-size: 20px;

line-height: 45px;

background-color: #c52d2f;
color: #fff;
height: 46px;
}


ul {

margin-bottom: 0;
padding: 0;
}

section#navigation {
	padding-top: 0px;
	padding-bottom: 0px;
}


/*
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0px;
	border: 1px solid transparent;
}
.navbar-brand {
	float: left;
	font-size: 18px;



}
.navbar-inverse {


}

img {
max-width:100%;
}



#navigation {
	width: 100%;
	margin-left: auto;
	margin-bottom: auto;
	z-index: 999;
position: absolute;
margin-top: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#navigation ul.nav {
font-weight: normal;
margin: 0px;

padding-right: 0px;
float:right;
padding-left: 0px;

}
#navigation ul.nav li {
padding: 40px 0 25px 0;
float: left;
position: relative;
}







#navigation ul.nav > li:after {
position: absolute;
width: 0%;
left: 15px;
bottom:-3px;
background:#c52d2f;
height:3px;
content:"";
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius:5px
}


#navigation ul.nav > li:hover:after {
width:70%;
}



.navbar-right {

}


#navigation ul.nav li:first-child {


}
#navigation ul.nav li a {
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
padding: 0 12px;
font-size: 14px;text-transform: capitalize;
}




#navigation ul.nav a:hover {
	color: #c52d2f;
}
#navigation ul.nav .current a {
	color: #c52d2f;
}


#navigation ul.dropdown-menu li {
width: 100%;
padding: 10px 15px;
border-bottom: 1px solid #cccccc4d;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.2s;
}


#navigation ul.dropdown-menu li a {

color:#333 !important;

}


#navigation ul.nav li.dropdown span.fa.fa-angle-down {
margin-left: 10px;
}



#navigation ul.dropdown-menu li a:hover {
	color: #c52d2f!important;


}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 220px;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;

padding: 0;
border-radius: 0 !important;

}




.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: transparent;
}
.dropdown-menu>li>a {
	display: block;
padding: 0 !important;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #c52d2f!important;
	text-decoration: none;
	background-color: transparent
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #c52d2f!important;
	text-decoration: none;
	background-color: transparent;
	outline: 0
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 16px;
	margin-right: 15px;
	margin-bottom: 14px;
	background-image: none;
	border: none;
	border-radius: 4px;
z-index: 99;
}

*/


.searchlink {
	display: block;
	float: right;
	position: relative;
	padding: 0px!important;
	margin: 0px;
	right: 0;

	cursor: pointer;
	height: 20px;
	width: 20px;
	color: #c52d2f;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: center center;

}
.searchlink:after{
	position: absolute;
	left: 20px!important;
	top: -5px;
	color: #333;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f002";
	font-size: 20px;

padding:5px;


}
.searchlink:hover, .searchlink.open {
	color: #bababa;
	background-color: transparent;
}
.searchlink.open > .searchform {
	display: block;
}
/** search field **/
.searchform {
	display: none;
	position: absolute;
	width: 300px;
	height: 30px;
	line-height: 30px;
	top: 50px;
	left: 0;
	padding: 0 15px;
	cursor: default;
z-index: 9;
}
.searchlink.open .searchform {
	display: block;
}
#search {
	display: block;
	position: relative;
}
#s {
	width: 270px;
background: #436796;
	padding: 8px 11px;
	border: 0;
	font-size: 15px;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.sbtn {
	display: block;
	position: absolute;
	right: 5px;
	top: 8px;
	background: none;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
.searchform-2 {
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 0 15px;
	cursor: default;
	margin-top: 10px;
	margin-bottom: 10px;
}
#search-2 {
	display: block;
	position: relative;
	margin-bottom: 10px;
}
#s-2 {
	width: 100%;
	background: #c52d2f;
	padding: 8px 11px;
	border: 0;
	font-size: 15px;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.sbtn-2 {
	display: block;
	position: absolute;
	right: 5px;
	top: 8px;
	background: none;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}

/*
.navbar-default {
	background-color: #fff;
	border-color: #fff;
	-webkit-box-shadow: 0 4px 4px -4px #444;
	-moz-box-shadow: 0 4px 4px -4px #444;
	box-shadow: 0 4px 4px -4px #444;
}
.navbar {
	border-radius: 0px;
}
#navigation .navbar-default ul.nav li a {
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: #000;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
nav {
	width: 100%;
}
nav {
	display: inline-block;
	float: right;
}
nav.smaller {
	background-color: rgba(0, 0, 0, 1)!important;
	width: 100%;
}
nav.smaller ul.nav {
	padding-top: 25px!important;
	padding-right: 0px;
	padding-bottom: 20px!important;
	padding-left: 0px;
	margin-bottom: 20px;
}
nav.smaller .searchlink {
	margin-top: 24px;
}
nav.smaller .navbar-brand {
	float: left;
	font-size: 18px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#navigation .navbar {
background: none !important;
padding-top: 5px;
}
.hide {
	display: none;
}


.navbar-brand {
height: auto;
padding: 0;
}


.navbar-brand img {

}


.navbar-header {
float: left;}

*/
 


#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #151515;
  z-index: 999999;
}
.load-circle  {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: rotate 1s infinite;  
  height: 50px;
  width: 50px;
}

.load-circle:before,
.load-circle:after {   
  border-radius: 50%;
  content: '';
  display: block;
  height: 20px;  
  width: 20px;
}
.load-circle:before {
  animation: ball1 1s infinite;
  background-color: #1edee4;
  box-shadow: 30px 0 0 #ff2560;
  margin-bottom: 10px;
}
.load-circle:after {
  animation: ball2 1s infinite;
  background-color: #255cff;
  box-shadow: 30px 0 0 #ffbc5c;
}

@keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg) scale(0.8); 
    -moz-transform: rotate(0deg) scale(0.8);
  }
  50% { 
    -webkit-transform: rotate(360deg) scale(1.2); 
    -moz-transform: rotate(360deg) scale(1.2);
  }
  100% { 
    -webkit-transform: rotate(720deg) scale(0.8); 
    -moz-transform: rotate(720deg) scale(0.8);
  }
}

@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #f8b334;
  }
  50% {
    box-shadow: 0 0 0 #f8b334;
    margin-bottom: 0;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #f8b334;
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #97bf0d;
  }
  50% {
    box-shadow: 0 0 0 #97bf0d;
    margin-top: -20px;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #97bf0d;
    margin-top: 0;
  }
}

/*---------------------------------
* 02. Common
-----------------------------------*/
html {
  overflow-x: hidden;
}
body {
    overflow-x: hidden;

		  font-family:"Roboto";
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  font-smoothing: antialiased;
  font-weight: normal;

}

.font-alt {
		  font-family:"Roboto";
}

a {
  text-decoration: none !important;
}



.container-large {
  max-width: 1440px;
}

.section {
  padding: 90px 0;
}

@media (max-width: 991px){
 .section {
    padding: 60px 0;
  } 
}

@media (max-width: 767px){
 .section {
    padding: 40px 0;
  } 
} 


















/*---------------------------------
* Buttons
-----------------------------------*/
.btn {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 22px;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
display: inline;
}

.btn-t-white {
  border:1px solid #fff;
  color: #fff; 
margin-top: 15px;
display: inline-block;
}
.btn-t-white:hover {
  background: #fff;
color:#c52d2f
}





.btn-white {
  border:1px solid #fff;
  background: #fff;
}
.btn-white:hover {
  color: #fff;
}

.btn-theme {
  color: #fff;
}
.btn-theme:hover {
  color: #fff;
}

.link-btn {
  color: #111;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}


/*---------------------------------
* Shadow
-----------------------------------*/
.hover-shadow:hover {
  box-shadow: 0 8px 50px -6px rgba(84,84,120,.26);
}
.box-shadow {
  box-shadow: 0 6px 50px rgba(0,0,0,.05);
}

/*---------------------------------
* Base color
-----------------------------------*/
.dark-color {
  color: #222;
}
.white-color {
  color: #fff;
}
.white-color-light {
  color: rgba(255,255,255,.8);
}

.gray-bg {
  background: #F7F7FD;
}
.gray-bg-g {
  background-image: linear-gradient(0deg, #fcfcfc 0%, #ffffff 100%);
}

.yellow-bg {
  background-color: #f7b500;
}
.yellow-bg-after:after {
 background-color: #f7b500; 
}

.pink-bg {
  background-color: #ea2175;
}
.pink-bg-after:after {
 background-color: #ea2175; 
}

.yellow-color {
  color: #ffbc5c;
}
.green-color {
  color: #1edee4;
}
.blue-color {
  color: #255cff;
}
.pink-color {
  color: #ff2560;
}

.large-text {
  font-size: 18px;
}

@media(max-width: 767px){
  .large-text {
    font-size: 16px;
  }
}

.opacity1 {
  opacity: 0.1
}
.opacity2 {
  opacity: 0.2
}
.opacity3 {
  opacity: 0.3
}
.opacity4 {
  opacity: 0.4
}
.opacity5 {
  opacity: 0.5
}
.opacity6 {
  opacity: 0.6
}
.opacity7 {
  opacity: 0.7
}
.opacity8 {
  opacity: 0.8
}
.opacity9 {
  opacity: 0.9
}

.shapes-section {
  position: relative;
  overflow: hidden;
}

.shapes-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.shapes-box span {
  position: absolute;
}

.shapes-box span:nth-child(1) {
  left: 4.8%;
  top: 4.5%;
}
.shapes-box span:nth-child(2) {
  left: 9.6%;
  top: 27.2%;
}
.shapes-box span:nth-child(3) {
  left: 8.8%;
  bottom: 16%;
}
.shapes-box span:nth-child(4) {
  left: 25%;
  bottom: 21%;
}
.shapes-box span:nth-child(5) {
  left: 35%;
  top: 6.6%;
}
.shapes-box span:nth-child(6) {
  left: 43%;
  bottom: 30%;
}
.shapes-box span:nth-child(7) {
  left: 49%;
  top: 50%;
}
.shapes-box span:nth-child(8) {
  right: 11.8%;
  top: 33%;
}
.shapes-box span:nth-child(9) {
  right: 6%;
  top: 10%;
}
.shapes-box span:nth-child(10) {
  right: 4.5%;
  bottom: 33%;
}

/*-----------------------------------------
*  Social Icon
-----------------------------------------*/
.social-icons {
  margin: 0;
  padding: 0;
}
.social-icons li {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.social-icons li a {
  display: block;
  padding: 0;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  border-radius: 5px;
}
.social-icons li a:hover {
  background: rgba(0,0,0,0.8);
  color: #fff;
}

/*---------------------------------
* section title
-----------------------------------*/
.section-title h6 {
  margin: 0 0 15px;
  font-weight: 700;
  font-size: 15px;
}

.section-title h2 {
font-size: 22px;
font-weight: normal;
margin: 0 0 25px;
position: relative;
font-family: "Ubuntu-Bold";
color: #000;
}

.section-title h2.theme-after {
  position: relative;
  padding: 0 0 25px;
}
.section-title h2.theme-after:after {
  width: 60px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  margin: auto;
}

.section-title p {
  font-size: 14px;
  margin: 0;
}

.section-title-01 h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 15px;
  position: relative;
}
.section-title-01 p {
  margin: 0;
}

.section-title-02 h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 25px;
  position: relative;
  z-index: 1;
  padding: 0 0 20px;
}
.section-title-02 h2:after {
  content: "";
  width: 50px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.section-title-02.text-center h2:after {
  right: 0;
  margin: auto;
}
.section-title-02 p {
  margin: 0;
}
.section-title-02 .btn-bar {
  margin-top: 20px;
}



@media(max-width: 991px){
  .section-title-01 h2 {
    font-size: 35px;
  }
  .section-title h2 {
    font-size: 35px;
  }
}
@media(max-width: 767px){
  .section-title-01 h2 {
    font-size: 28px;
    margin: 0 0 20px; 
  }
  .section-title h2 {
    font-size: 20px;
    margin: 0 0 20px; 
  }
  .section-title-02 h2 {
    font-size: 26px;
  }
}

.sub-title h3 {
  margin: 0;
  padding: 0 0 15px;
  font-weight: 600;
  font-size: 32px;
}
.sub-title p:last-child {
  margin-bottom: 0;
}
.sub-title h2 {
  margin: 0 0 25px;
  padding: 0 0 20px;
  font-weight: 600;
  font-size: 38px;
  position: relative;
}
.sub-title h2.theme-after:after {
  width: 50px;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

.sub-title.text-center h2.theme-after:after {
  right: 0;
  margin: 0 auto
}

@media(max-width: 992px){
  .sub-title h3 {
    font-size: 26px;
  }
  .sub-title h2 {
    font-size: 30px;
  }
}


@media(min-width: 992px){
.col-lg-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}

}




/*---------------------------------
* 06. Page Title
-----------------------------------*/
.page-title-section {
  padding: 160px 0 80px;
  position: relative;
  overflow: hidden;
}
.page-title-section:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.6;
}

.page-title-white {
  margin-top: 70px;
  padding: 80px 0;
}

.page-title h1 {
  color: #fff;
  margin: 0 0 15px;
  font-size: 40px;
  text-align: center;
  font-weight: 600;
}
.page-title-section .container {
  position: relative;
  z-index: 1;
}
.page-title-section .breadcrumb {
  padding: 0;
  margin: 0;
  background: none;
  text-align: center;
}
.page-title-section .breadcrumb li {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  margin: 0 15px;
  position: relative;
}
.page-title-section .breadcrumb li:not(:first-child):after {
  width: 5px;
  height: 5px;
  background: #fff;
  left: -15px;
  content: "";
  float: left;
  position: absolute;
  top: 9px;
  border-radius: 50%;
}
.page-title-section .breadcrumb a {
  color: #fff;
  text-decoration: none;
}

@media(max-width: 991px) {
  .page-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .page-title-section {
    padding: 100px 0 40px;
  }
}


/*---------------------------------
* Header
-----------------------------------*/
/*
.header-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding-top: 0;
  padding-bottom: 0;
}

.header-nav a {
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
}

.header-nav .dark-logo {
  display: none;
}

.header-nav .navbar-nav .nav-link {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 0 12px;
  position: relative;
  line-height: 70px;
}
.header-nav .navbar-nav .nav-link:before {
  content: "";
  width: 0;
  height: 1px;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  position: absolute;
  bottom: 22px;
  left: 12px;
}
.header-nav .navbar-nav .nav-link-btn {
  font-size: 12px;
  font-weight: 700;
  padding: 7px 18px;
	  font-family:"cairo";
}
.header-nav .navbar-nav .nav-link-btn.btn-white:not(:hover) {
  color: #323232
}
.header-nav .navbar-nav li:hover .nav-link:before,
.header-nav .navbar-nav .nav-link.active:before {
  width: 50%
}

.header-nav .navbar-brand {
  color: #fff;
  font-weight: 600;
padding-top: 8px;
}

.fixed-header .header-nav {
  background: #fff;
  box-shadow: 0 8px 50px -6px rgba(84,84,120,.26)
}
.fixed-header .header-nav .navbar-nav .nav-link {
  color: #323232;
}
.fixed-header .header-nav .navbar-brand {
  color: #323232;
}
.fixed-header .header-nav .navbar-nav .nav-link:before {
  background: #000;
}

.fixed-header .header-nav .light-logo {
  display: none;
}
.fixed-header .header-nav .dark-logo {
  display: block;
}

.fixed-header .header-nav a.btn { 
  border-color: #323232;
}
.fixed-header .header-nav a.btn-white:not(:hover) {
  color: #111;
}
.fixed-header .header-nav-dark a.btn {
  color: #fff;
}

.header-nav-dark .navbar-nav .nav-link {
  color: #323232
}
.header-nav-dark .navbar-nav .nav-link:before {
  background: #323232
}
.header-nav-dark .navbar-brand {
  color: #323232
}

.header-nav-style-1 {
  top: 0;
  width: 1180px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  max-width: 100%;
}

.header-nav-style-2 .navbar-nav .nav-link {
  font-size: 15px;
}



.navbar-toggler {
  border: none;
  padding: 10px 6px;
  outline: none !important;
}
.navbar-toggler span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
}
.navbar-toggler span + span {
  margin-top: 4px;
  width: 18px;
}
.navbar-toggler span + span + span {
  width: 10px;
}

.fixed-header .navbar-toggler span {
  background: #323232
}

.header-nav-dark .navbar-toggler span {
  background: #323232
}
*/
/**/

@media(max-width: 991px) {
/*
  .header-nav {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .header-nav .navbar-nav {
    padding: 20px 0;
    max-height: 70vh;
    overflow-y: auto;
  }
  .header-nav .navbar-nav li {
    width: 100%;
  }
  .header-nav .navbar-nav .nav-link {
    display: inline-block;
    padding: 10px 0;
    line-height: normal;
  }
  .header-nav .navbar-nav .nav-link:before {
    bottom: 10px;
    left: 0;
  }
  .header-nav .navbar-nav .nav-link-btn {
    margin-top: 12px;
  }


  .navbar-toggler span {
    background: #323232;
  }
  .header-nav {
    background: #fff;
  }
  .header-nav .navbar-nav .nav-link {
    color: #323232;
  }
  .header-nav .navbar-brand {
    color: #323232;
  }
  .header-nav .navbar-nav .nav-link:before {
    background: #000;
  }

  .header-nav .light-logo {
    display: none;
  }
  .header-nav .dark-logo {
    display: block;
  }

  .header-nav a.btn:not(.btn-white) {
    color: #fff;
  }
*/
}


/*===================================
  01. Mega Menu
====================================== */
.m-dropdown-mega-menu {
  width: 100%;
  padding: 30px 35px;
  background: #fff;
  list-style-type: none;
  border-top: 1px solid #eee;
}
.mm-column ul:first-child {
  margin-top: 0;
}
.mm-column ul {
  margin: 15px 0 0 0;
  padding: 0;
}
.mm-column li {
  list-style-type: none;
  list-style-type: none;
  padding: 8px 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.mm-column li.mm-header {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 12px;
  white-space: inherit;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #eee;
}
.mm-column li.mm-header > a {
  font-size: 16px;
  padding: 0;
}

.mm-column li a {
  text-align: left;
  font-size: 14px;
  color: #051441;
  margin: 0;
  display: block;
  position: relative;
  left: 0;
  padding: 0 0 0 15px;
  line-height: normal;
}
.mm-column li:not(.mm-header) a:after {
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 50%;
}
.mm-column li:hover a {
  text-decoration: none;
}

.mm-column li a.active {
  color: #000;
}

/* Singale Menu */
.m-dropdown {
  position: relative;
}
.m-dropdown-multilevel .m-dropdown-menu {
  margin: 0;
  padding: 5px 0;
  background: #fff;
  width: 100%;
}
.m-dropdown-multilevel .m-dropdown-menu li {
  list-style-type: none;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
}

.m-dropdown-multilevel .m-dropdown-menu li a {
  text-align: left;
  font-size: 13px;
  color: #323232;
  text-transform: capitalize;
  margin: 0;
  display: block;
  position: relative;
  left: 0;
  padding: 8px 0;
  font-weight: 600;
}
.m-dropdown-multilevel .m-dropdown-menu li a:hover {
  color: #000;
}


.m-dropdown-multilevel .m-dropdown-menu ul {
  margin: 0;
  padding: 13px 0 15px;
  background: #fff;
  width: 100%;
}

@media (min-width: 992px){
  .m-dropdown > a::after {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0px;
    border-left: 0.3em solid transparent;
  }

  .m-dropdown-multilevel .m-dropdown-menu > li > ul,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul > li > ul,
  .m-dropdown .m-dropdown-menu {
   -webkit-transition: all 400ms ease 0s;
            transition: all 400ms ease 0s;
   -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
  }

  .m-dropdown-multilevel .m-dropdown-menu > li:hover > ul,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li:hover > ul,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul > li:hover > ul,
  .m-dropdown:hover .m-dropdown-menu {
    -webkit-transition-delay: 200ms !important;
            transition-delay: 200ms !important;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;

  }
  .m-dropdown .m-dropdown-toggle {
    display: none;
  }

  /*Mega menu */
  .m-mega-menu {
    position: static !important;
  }

  .m-dropdown-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    box-shadow: 0 8px 20px -8px rgba(84,84,120,.26);
  }

  .m-dropdown-multilevel .m-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    width: 200px;
    box-shadow: 0 8px 20px -8px rgba(84,84,120,.26);
  }

  .m-dropdown-multilevel .m-dropdown-menu li.hover-trigger > a i {
    position: absolute;
    right: 0;
    font-size: 12px;
    margin-top: 0;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }


  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul > li > ul > li:hover > a,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li > ul > li:hover > a,
  .m-dropdown-multilevel .m-dropdown-menu > li > ul > li:hover > a,
  .m-dropdown-multilevel .m-dropdown-menu > li:hover > a {
    left: 4px;
    color: #000;
    text-decoration: none;
  }
  .m-dropdown-multilevel .m-dropdown-menu > li a.active {
    color: #000;
  }

  .m-dropdown-multilevel .m-dropdown-menu ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 50;
    width: 220px;
  }
  .m-dropdown-multilevel .m-dropdown-menu > li > ul {
    position: absolute;
    top: 0;
    left: 100%;
  }
  
} /*@media*/

@media (max-width: 991px){
  .m-dropdown .m-dropdown-toggle {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    color: #323232;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
  }
  .m-dropdown a .fa-angle-down {
    display: none;
  }
  .m-dropdown .m-dropdown-menu {
    padding: 8px 15px;
    display: none;
    background: #f5f5f5;
  }
  .m-dropdown .m-dropdown-mega-menu {
    padding: 15px 0;
  }
  .m-dropdown .m-dropdown-menu.open-menu {
    display: block;
  }
  .m-dropdown-multilevel .m-dropdown-menu li {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  .m-dropdown-multilevel .m-dropdown-menu li.hover-trigger {
    margin-bottom: 10px;
  }
  .m-dropdown-multilevel .m-dropdown-menu li.hover-trigger > ul > li {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
  }
  .m-dropdown-multilevel .m-dropdown-menu li.hover-trigger:last-child {
   margin-bottom: 0; 
  }

  .m-dropdown-multilevel .m-dropdown-menu li a .arrow {
    display: none;
  }
  .m-dropdown-multilevel .m-dropdown-menu li li {
    padding-left: 0;
    padding-right: 0; 
  }
  .m-dropdown-multilevel .m-dropdown-menu ul {
    padding: 0;
    float: none;
    background: #222;
  }
  .m-dropdown-multilevel .m-dropdown-menu ul.open-menu {
    display: block;
    border-bottom: 2px solid rgba(255,255,255,0.1);
    padding: 0 0 0px 10px;
    margin-bottom: 15px;
  }
  .m-dropdown-multilevel .m-dropdown-menu .open-menu-parent > a {
    color: #fff;
  }

  .mm-column {
    margin-bottom: 15px;
  }
  .mm-column:last-child {
   margin-bottom: 0; 
  }
  .mm-column li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }
  
}/*@media*/


/*-----------------------------------------
*  Home Banner
-----------------------------------------*/
.full-screen {
  min-height: 100vh;
}

.full-width {
  width: 100vw;
}

.half-screen {
  min-height: 85vh;
}

.bg-effect-box {
  position: relative;
}
.bg-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.bg-effect-bottom {
  position: absolute;
  bottom: -3px;
  left: -3px;
  right: -2px;
}
.bg-effect-bottom img {
  width: 100%;
}

.home-banner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.9;
  z-index: -1;
}

.home-banner h5 {
  color: #fff;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.home-banner h1 {
  font-weight: 300;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #fff;
  margin: 20px 0 20px 0;
  font-size: 40px;
}
.home-banner p {
  font-size: 15px;
  width: 100vh;
  margin: 0 auto;
  color: #fff;
  font-weight: 300;
  max-width: 100%;
}

.home-banner .btn {
  margin: 0 8px;
  min-width: 150px;
}
.home-banner .got-to{
  width: 50px;
  height: 40px;
  background: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 10px 10px 0% 0%;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 18px;
}
.home-banner .got-to a {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

@media(max-width: 767px){
  .full-width {
    width: 100%;
  }
  .home-banner h1 {
    font-size: 30px;
  }
}

/*-----------------------------------------
*  Home Banner 02
-----------------------------------------*/
.home-banner-01 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-01 .bg-effect {
  opacity: 1;
}

.home-banner-01 h5 {
  font-weight: 600;
  font-size: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}
.home-banner-01 h5:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: -1;
  opacity: 0.1;
  border-radius: 15px;
}

.home-banner-01 h1 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 50px;
}
.home-banner-01 p {
  font-weight: 400;
  max-width: 100%;
  margin: 0 0 20px;
}
.subscribe-block {
  width: 400px;
  max-width: 100%;
}
.subscribe-block label{
  line-height: normal;
  font-size: 11px;
  font-weight: 400;
  color: #999;
  margin: 0;
}

.subscribe-block .form-control {
  border-radius: 5px !important;
}

.subscribe-block .form-group {
  margin-bottom: 0;
  position: relative;
}
.subscribe-block .form-group .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
}

.subscribe-block .form-group span{}

@media(max-width: 767px){
  .home-banner-01 h1 {
    font-size: 30px;
  }
}

/*-----------------------------------------
*  Home Banner 02
-----------------------------------------*/

.home-banner-02 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-02:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.9;
  z-index: -1;
}
.home-banner-02 .bg-effect {
  opacity: 0.1;
}

.home-banner-02 h5 {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.home-banner-02 h1 {
  font-weight: 300;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #fff;
  margin: 20px 0 25px 0;
  font-size: 45px;
}
.home-banner-02 p {
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}

.home-banner-02 .btn-bar {
  margin-top: 40px;
}
.home-banner-02 .btn {
  margin-right: 10px;
  min-width: 150px;
}

@media(max-width: 767px){
  .home-banner-02 h1 {
    font-size: 30px;
  }
}



/*-----------------------------------------
*  Banner 3
-----------------------------------------*/
.particles-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
z-index: 9;
}

.home-banner-03 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-03 .bg-effect {
  opacity: 0.3;
}

.home-banner-03 h5 {
  font-weight: 600;
  font-size: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}
.home-banner-03 h5:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: -1; 
  border-radius: 15px;
  background:#000;
  opacity: 0.2
}

.home-banner-03 h1 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 50px;
}
.home-banner-03 p {
  font-weight: 400;
  max-width: 100%;
  margin: 0 0 20px;
}

.home-banner-03 .subscribe-block .form-control {
  height: 56px;
  padding-left: 17px;
  font-size: 16px;
  border: none;
}
.home-banner-03 .subscribe-block .form-group .btn {
  bottom: 5px;
  right: 6px;
  height: 46px;
  box-shadow: none;
}
.home-banner-03 .subscribe-block label {
  color: rgba(255,255,255,.5);
}

@media(max-width: 767px){
  .home-banner-03 h1 {
    font-size: 30px;
  }
}


/*-----------------------------------------
*  Banner 4
-----------------------------------------*/
.home-banner-04 {
  position: relative;
  z-index: 1;
  overflow: hidden;
width: 100%;
height: 100vh;
z-index: 2;
}
.home-banner-04 .bg-effect {
  opacity: 0.3;
}

.it-sec h5 {
  font-weight: 600;
  font-size: 15px;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}
.it-sec h5:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: -1; 
  border-radius: 15px;
  background:#000;
  opacity: 0.2
}

.it-sec h1 {
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 40px;
}
.it-sec p.large-text {
  font-weight: 400;
}
.hit-sec p {
  max-width: 100%;
  margin: 0 0 20px;
}

.home-banner-04 .subscribe-block .form-control {
  height: 56px;
  padding-left: 17px;
  font-size: 16px;
  border: none;
}
.home-banner-04 .subscribe-block .form-group .btn {
  bottom: 5px;
  right: 6px;
  height: 46px;
  box-shadow: none;
}
.home-banner-04 .subscribe-block label {
  color: rgba(255,255,255,.5);
}

@media(max-width: 767px){
  .home-banner-04 h1 {
    font-size: 30px;
  }
}


/*-----------------------------------------
*  Home Bnnar 05
-----------------------------------------*/
.home-banner-05 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.home-banner-05 h1 {
  font-weight: 600;
  margin: 10px 0 15px 0;
  font-size: 50px;
}
.home-banner-05 p {
  max-width: 100%;
  margin: 0 0 20px;
  font-size: 16px;
}

.home-banner-05 .btn + .btn {
  margin-left: 10px;
}

@media(max-width: 767px){
  .home-banner-05 h1 {
    font-size: 30px;
  }
}

/*-----------------------------------------
*  Home Bnnar 06
-----------------------------------------*/

.home-banner-06 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.home-banner-06 h1 {
  font-weight: 800;
  margin: 0 0 25px 0;
  font-size: 75px;
}
.home-banner-06 p {
  font-size: 18px;
  font-weight: 400;
  max-width: 70%;
  margin: 0 auto 30px;
}
.home-banner-06 .subscribe-block {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.home-banner-06 .subscribe-block .form-control {
  height: 65px;
  padding-left: 30px;
  font-size: 18px;
  border: none;
}
.home-banner-06 .subscribe-block .form-group .btn {
  bottom: 6px;
  right: 6px;
  height: 54px;
  box-shadow: none;
}
.home-banner-06 .subscribe-block label {
  color: rgba(255,255,255,.5);
}
.home-banner-06 .banner-slider {
  background: #fff;
  padding: 15px;
}

.home-banner-06 .round {
  width: 120vh;
  height: 120vh;
  bottom: auto;
  top: -50vh;
  left: auto;
  right: -25%;
  opacity: 0.3
}
.home-banner-06 .round.r-bottom {
  bottom: -50vh;
  top: auto;
  left: -25%;
  right: auto;
}

@media(max-width: 1200px){
  .home-banner-06 h1 {
    font-size: 55px;
  }
}













    #myCarousel {
        width: 100%;
        height: 100vh;


    }
    
    #myCarousel h1 {

        color: #fff;
font-weight: bold;
text-transform: capitalize;

font-family:"Roboto";
font-size: 29px;

    }
    
    #myCarousel h2 {
        text-align: center;
        font-size: 18px;
        color: #fff;
        line-height: 37px;
font-family:"Roboto";
    }
    
    #myCarousel .prev {
        left: 0px;
    }
    
    #myCarousel .prev,
    #myCarousel .next {
        position: absolute;
        top: 50%;
background-color: #3D557166;
        color: #fff;
        display: inline-block;
        margin-top: -25px;
        height: 40px;
        line-height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;

        z-index: 99;
    }
    
    #myCarousel {
        position: relative;
    }
    
    .no-margin {
        margin: 0;
        padding: 0;
    }
    
    #myCarousel.carousel {

display: inline-block;

z-index: 1;

    }
    
    #myCarousel.carousel .carousel-content {
text-align: center;
width: 50%;
float:right;
margin: 0 auto;
    margin-top: 0px;
margin-top: 0px;
margin-top: 240px;
position: relative;
z-index: 4;
background: rgba(0,0,0,.6);
padding: 20px;
border-radius: 5px;
    }
    
    #myCarousel.carousel .slide-margin {  padding-top:200px; } 
    


    #myCarousel.carousel .slide-margin .pull-left {
padding-top:150px;
}

    #myCarousel.carousel .btn-slide {
        padding: 8px 20px;
        background: #1eabda;
        color: #fff;
        border-radius: 4px;
        margin-top: 25px;
        display: inline-block;
    }
    
    #myCarousel.carousel .slider-img {
        text-align: right;
        position: absolute;
        top: 130px;
    }
    
    #myCarousel.carousel .slider-img img {
        width: 400px;
        height: 350px;
    }
    
    #myCarousel.carousel .item {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0 !important;
        opacity: 0;
        top: 0;
        position: absolute;
        width: 100%;
        display: block !important;
        height: 100vh;
        -webkit-transition: opacity ease-in-out 500ms;
        -moz-transition: opacity ease-in-out 500ms;
        -o-transition: opacity ease-in-out 500ms;
        transition: opacity ease-in-out 500ms;
        background-size: cover;
background-size: 100% 100% !important;
    }

#myCarousel.carousel .item img {
width:65%;
margin-top: 60px;
}


    
    #myCarousel.carousel .item:first-child {
        top: auto;
        position: relative;
    }
    
    #myCarousel.carousel .item.active {
        opacity: 1;
        -webkit-transition: opacity ease-in-out 500ms;
        -moz-transition: opacity ease-in-out 500ms;
        -o-transition: opacity ease-in-out 500ms;
        transition: opacity ease-in-out 500ms;
        z-index: 1;
    }
    

    

    #myCarousel .prev { border-radius: 0 50px 50px 0; }
    #myCarousel .next { border-radius: 50px 0 0 50px; }



    #myCarousel .prev:hover,
    #myCarousel .next:hover {
background-color: #FFFFFF1A;
    }
    

    
    #myCarousel .next {
        right: 0px;
    }
    
    #myCarousel .carousel-indicators li {
        width: 20px;
        height: 20px;
background-color: #fff;
        margin: 0 15px 0 0;
        position: relative;
    }
    
    #myCarousel .carousel-indicators li:after {
        position: absolute;
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 100%;
background-color: #c52d2f99;
        border: 5px solid #c52d2f99;
        left: -3px;
        top: -3px;
    }
    
    #myCarousel .carousel-indicators .active {
        width: 20px;
        height: 20px;
background-color: #fff;
        margin: 0 15px 0 0;
        border: 1px solid #fff;
        position: relative;
    }
    
    #myCarousel .carousel-indicators .active:after {
        position: absolute;
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 100%;
background-color: #c52d2f99;
        border: 5px solid #fff;
        left: -3px;
        top: -3px;
    }
    
    #myCarousel .active .animation.animated-item-1 {
        -webkit-animation: fadeInUp 300ms linear 300ms both !important;
        -moz-animation: fadeInUp 300ms linear 300ms both !important;
        -o-animation: fadeInUp 300ms linear 300ms both !important;
        -ms-animation: fadeInUp 300ms linear 300ms both !important;
        animation: fadeInUp 300ms linear 300ms both !important;
    }
    
    #myCarousel .active .animation.animated-item-2 {
        -webkit-animation: fadeInUp 300ms linear 600ms both !important;
        -moz-animation: fadeInUp 300ms linear 600ms both !important;
        -o-animation: fadeInUp 300ms linear 600ms both !important;
        -ms-animation: fadeInUp 300ms linear 600ms both !important;
        animation: fadeInUp 300ms linear 600ms both !important;
    }
    
    #myCarousel .active .animation.animated-item-3 {
        -webkit-animation: fadeInDown 300ms linear 600ms both !important;
        -moz-animation: fadeInDown 300ms linear 600ms both !important;
        -o-animation: fadeInDown 300ms linear 600ms both !important;
        -ms-animation: fadeInDown 300ms linear 600ms both !important
        animation: fadeInDown 300ms linear 600ms both !important
    }
    
    #myCarousel .active .animation.animated-item-4 {
        -webkit-animation: fadeInRight 300ms linear 1200ms both !important
        -moz-animation: fadeInRight 300ms linear 1200ms both !important
        -o-animation: fadeInRight 300ms linear 1200ms both !important
        -ms-animation: fadeInRight 300ms linear 1200ms both !important
        animation: fadeInRight 300ms linear 1200ms both !important
    }
    









    .carousel-indicators {
        position: absolute;
        bottom: 60px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none
    }
    
    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;

background-color: #c52d2f99;
        border: 1px solid #c52d2f99;
        border-radius: 10px
    }
    
    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }
    
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        width: 100%;
        height: 100vh;z-index: 9;
    }



/*
#myCarousel.carousel .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 1;
}
*/



.p-100px-tb {
    padding-top:100px;
    padding-bottom: 100px;
}

.full-screen {
    min-height: 100vh;
}










@media (min-width:320px) and (max-width:767px) {
/*
.navbar-header,
#navigation ul.nav li { 
float:none
}

.navbar-brand img {

}


#navigation ul.dropdown-menu {
	margin-top: 0px;background-color: #fff;
}

#navigation ul.dropdown-menu a {
border: 0;
}




.navbar-nav {
	margin-left: 0px!important;
	text-align: rieght !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	background-color:#efefef!important;
border: 0 !important;
}
#navigation ul.nav {
	padding-top: 10px;
	padding-bottom: 10px;
width: 100%;
text-align: left;
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 0px;
}
.navbar-nav {
	display: inline-block;
	text-align: center;
	margin: 0;
}
#navigation ul.nav > li {
	padding: 0px;
	border: none;
border-bottom: 1px solid #cccccc4d;
}
#navigation ul.nav > li a {
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
color: #333;
}

#navigation ul.nav li:hover:after {
width: 8%;
}


#navigation ul.nav {
padding-bottom: 0 !important;
margin-bottom: 0;
}


.navbar-inverse {
border: none !important;
padding-bottom: 5px;
}

#navigation .navbar-default ul.nav li {
	padding: 0px;
	border: none;
}
#navigation .navbar-default ul.nav li a {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.navbar-brand {
	float: left;
	font-size: 18px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
} 
*/




}


.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;

}


.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}


.full-screen {
    min-height: 100vh;

display: inline-block;


margin-right: -15px;
margin-left: -15px;
}



.md-p-30px-tb {
position: relative;
z-index: 999;
}

.bg-img-19 {
width:100%;
display:inline-block;
background-image: url("../images/bg-img-19.jpg");
position: relative;



}

.overlay-dark-92 {
    background-color: rgba(20, 24, 32, 0.92);
}


.ptb-100 {
    padding-bottom: 100px !important;
}



.featured-box-03 {
    background: rgba(20, 24, 32, 0.62);
    -webkit-box-shadow: 0 0 0 1px rgba(236, 236, 236, 0.04);
    box-shadow: 0 0 0 1px rgba(236, 236, 236, 0.04);
    text-align: center;
    padding: 30px 30px 45px 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
position: relative;
z-index: 9;
}



.featured-box-03 i {
    color: #EE3449;
}
.featured-box-03 i {
font-size: 36px;
margin-bottom: 0;
padding: 0px;
width: 30px;
height: 30px;
text-align: center;
display: inline-block;
}


.featured-box-03 h6 {
    color: #FAFAFA;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.h-large {
    font-size: 18px;
    line-height: 1.2;
}


div.ptb-100 p:last-child {
    margin: 0;
}



.featured-box-03:hover{
  background: #c52d2f;
  background: -moz-linear-gradient(-45deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(238,52,73,0.62)), color-stop(100%, rgba(255,0,85,1)));
  background: -webkit-linear-gradient(-45deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
  background: -o-linear-gradient(-45deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
  background: -ms-linear-gradient(-45deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
  background: linear-gradient(135deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3449', endColorstr='#ff0055', GradientType='1' );
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
  box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}

.featured-box-03:hover i{
    color: #D3D3D3;
  }




.text-four, .four {
    color: #D3D3D3 !important;
}




.bottom-effect {
    position: absolute;
    z-index: 10;
    bottom: -50px;
    width: 2900px;
    height: 148px;
    left: -100px;
    background: rgba(255,255,255,.6);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding-top: 10px;
}


.bottom-effect:after {
content: '';
display: block;
background: white;
height: 148px;
-webkit-box-shadow: inset 0 -12px 13px -2px white;
-moz-box-shadow: inset 0 -12px 13px -2px white;
box-shadow: inset 0 -12px 13px -2px white;

}



.bottom-effect2 {
    position: absolute;
    z-index: 10;
    bottom: -50px;
    width: 2900px;
    height: 148px;
    left: -100px;
    background: rgba(255,255,255,.6);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding-top: 10px;
z-index: 7;
}


.bottom-effect2:after {
content: '';
display: block;
background: white;
height: 148px;
-webkit-box-shadow: inset 0 -12px 13px -2px white;
-moz-box-shadow: inset 0 -12px 13px -2px white;
box-shadow: inset 0 -12px 13px -2px white;

}




.section-heading {
    padding-bottom: 30px;
    line-height: 1.1;
text-align: center;
}


.section-heading .section-title {
font-size: 22px;
color: #000;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 10px;
letter-spacing: 0px;
}



.section-heading .section-subtitle {
    font-size: 16px;
    color: #999;
    margin-bottom: 15px;
}



.section-heading .design-arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border: 2px solid #c52d2f;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 100%;
    left: -5px;
}


.section-heading .design-arrow {
    width: 1px;
    height: 20px;
    background: #ddd;
    position: relative;
    margin: 10px auto;
}



.more-ttn {
background: #c52d2f;
color: #fff;
padding: 12px 20px;
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
float: right;
transition: .6s ease-in-out all;
text-decoration:none;

position: relative;
z-index: 9;
}


.more-ttn:hover {
background: #058bd4;
color:#fff;
}




.service-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .5s;
}


.service-overlay ul {
    width: 100%;
    height: 100%;
  background: #c52d2f;
  background: -moz-linear-gradient(-45deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(238,52,73,0.62)), color-stop(100%, rgba(255,0,85,1)));
  background: -webkit-linear-gradient(-45deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
  background: -o-linear-gradient(-45deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
  background: -ms-linear-gradient(-45deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
  background: linear-gradient(135deg, #c52d2f 0%, rgba(255,0,85,1) 100%);
    padding: 30px 40px;
}



.service-overlay ul li {
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
    padding: 0;
    margin: 0;
text-transform: capitalize;
list-style: none;
text-align: left;
line-height: 40px;
}


.service-overlay ul li i {
color: #323a45;
margin-right: 20px;
}






.featured-box-03:hover .service-overlay {
opacity: 1;
}






.scroll-pane {
    overflow: auto;
    width: 100%;

}

.scroll-pane .scroll-content {
    display: table !important;
    float: left;
    margin-bottom: 60px;
    margin-left: 230px;
}

.scroll-pane .scroll-content-item {
    display: table-cell;
    margin: 0;
    position: relative;
    cursor: pointer
}



.scroll-pane .scroll-content-item>a {
    display: block;
    position: relative;
    z-index: 2;
    background: #000
}

.scroll-pane .scroll-content-item img {
    width: auto;
    max-width: none;
    height: 350px;
    vertical-align: middle;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.scroll-pane .scroll-content-item .name {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 3;
    opacity: 0;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.scroll-pane .scroll-content-item .name a {
    color: #fff
}

.scroll-pane .scroll-content-item .name:before {
    margin-bottom: 15px;
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #c52d2f;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
position: absolute;
left: -17px;
top: 5px;
}

.scroll-pane .scroll-bar-wrap {
    clear: left;
    margin: 50px auto
}

.scroll-pane .scroll-bar-wrap .scroll-bar {
    margin: 0 auto;
    max-width: 400px
}

.scroll-pane .scroll-bar-wrap .scroll-bar .ui-handle-helper-parent {
    width: 100% !important;
    height: 14px;
    background: #e6e9ed;
    border: 1px solid #eee;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-box-shadow: inset 0 0 0 3px white;
    -moz-box-shadow: inset 0 0 0 3px white;
    box-shadow: inset 0 0 0 3px white
}

.scroll-pane .scroll-bar-wrap .scroll-bar .ui-slider-handle {
    height: 24px;
    width: 24px !important;
    margin: -4px 0 -4px -12px !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #cecece;
    background: #fff;
    display: block;
    position: relative;
    cursor: pointer
}



.proj-por {
    position: relative;
    z-index: 9;
}

#search-for-domain {
background: #fff;
border: none;
width: 100%;
height: 48px;
border-radius: 5px;
padding: 5px 63px;}


#submit-btn {
background: none;
border: none;
position: absolute;
right: 5px;}


.search-domain #submit-btn {
    border: none;
    position: absolute;
    right: 0;
background: #7a7878;
    color: #fff;
text-transform: capitalize;
}


.search-domain .input-group {
margin: 60px auto;
line-height: 45px;
width: 400px;}



.vc_row-overlay {


position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.vc_custom_1459010579430 {
background: #c52d2f;
padding: 50px 0;
position: relative;
padding-bottom: 30px;
display: none;
}

.rtd {
position: relative;
}

.sec-sec {

background: #1A1A1A;
padding: 60px 0;
color: #999;
padding-bottom: 10px;
}



.price-section {
padding-bottom: 60px;
}



.vc_single_image-wrapper {
text-align: center;
margin: 0 auto;
}


#areas-section .section-heading {
text-align: left !important;

}



.fl-left {
float:left
}




.fl-right {
float:right
}






.navbar-toggle span {


    border-radius: 1px;
}




.navbar-toggle span:nth-child(3){
    margin-top: 4px;
    width: 18px;
}
.navbar-toggle span:nth-child(4){
width: 10px ;
}



.section-main .section-heading .section-title {
color:#fff;
margin-top:60px;

}

.www {
position: absolute;
color: #fff;
left: 5px;
font-size: 20px;}



.com {
font-size: 14px;
color: #dbcdcd;
display: inline-block;
padding: 5px;
text-transform: uppercase;
font-weight: bold !important;
float: left;
width: 25%;
font-family: "Roboto";
}


.com img {

width:50px;


}






.scroll-content-item figure  {  height: 100%;   transition: all 0.5s ease 0s; margin-bottom: 0px; overflow: hidden;}
.scroll-content-item figure figcaption {
    left: 0;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    z-index: 2;
    margin: -52px 0px 0px 0px;
    padding: 0px 30px;
    transition: all 0.5s ease 0s;
}
.scroll-content-item figure > a { position: relative;   transition: all 0.5s ease 0s; }
.scroll-content-item figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
background-color: rgba(0,0,0,.4);
    transition: all 0.5s ease 0s;
}
.scroll-content-item:hover figure > a:before { opacity: 1; }
.scroll-content-item figure:before {
    content: '';
    position: absolute;
    left: 23px;
    top: 23px;
    width: 0%;
    height: 1px;
    z-index: 1;
    transition: all 0.5s ease 0s;
background: #c52d2f;
    opacity: 0;
}
.scroll-content-item figure:after {
    content: '';
    position: absolute;
    left: 23px;
    top: 23px;
    width: 1px;
    height: 0%;
    opacity: 0;
    transition: all 0.5s ease 0s;
background: #c52d2f;
}
.scroll-content-item figure span {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
}
.scroll-content-item figure span:before {
    content: '';
    position: absolute;
    right: 23px;
    bottom: 23px;
    width: 0%;
    height: 1px;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s ease 0s;
background: #c52d2f;
}
.scroll-content-item:hover figure:before,.scroll-content-item:hover figure span:before { opacity: 1; width: 87%;}
.scroll-content-item figure span:after {
    content: '';
    position: absolute;
    right: 23px;
    bottom: 23px;
    width: 1px;
    height: 0%;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s ease 0s;
background: #c52d2f;
}
.scroll-content-item:hover figure span:after,.scroll-content-item:hover figure:after { opacity: 1; height: 87%;}
.scroll-content-item figure figcaption > a {
    display: inline-block;
    font-size: 22px;
    width: 45px;
    height: 45px;
    border: 1px solid;
    text-align: center;
    padding: 10px 0px 0px;
    margin: 0px 0px 23px;
    opacity: 0;
    transition: all 0.5s ease 0s;
color: #c52d2f;
}

.scroll-content-item figure > a {

float: left;
width: 100%;
height: 100%;
}


.scroll-content-item figure > a img {
width: 100%;
height: 100%;
}


.scroll-content-item figure figcaption > a {
    -webkit-transform: translateY(-97px);
    -moz-transform: translateY(-97px);
    -ms-transform: translateY(-97px);
    -o-transform: translateY(-97px);
    transform: translateY(-97px);
}

.scroll-content-item:hover figure figcaption > a,
.scroll-content-item:hover figure figcaption > h6 { 
 opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); 
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}


.scroll-content-item figure figcaption > h6 {
    color: #ffffff;
    font-weight: bold;
    margin: 0px;
    opacity: 0;
    transition: all 0.5s ease 0s;
-webkit-transform: translateY(82px);
-moz-transform: translateY(82px);
-ms-transform: translateY(82px);
-o-transform: translateY(82px);
transform: translateY(82px);
}





/*******************************************************************/

html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}




/********************* defult *********************/
::selection {
  background-color:#0575E6;
  color: #fff;
}
::-moz-selection {
  background-color:#0575E6;
  color: #fff;
}

a:hover {
  color:#0575E6;
}

a,
.theme-color,
.mm-column li.mm-header > a,
.mm-column li:not(.mm-header) a:hover,
.btn-t-white:hover,
.btn-white {
  color:#0575E6;
}


.theme-before:before,
.theme-after:after,
.btn-theme,
.btn-white:hover,
.theme-hover:hover,
.theme-bg {
  background-image: linear-gradient(to right, #131313, #5c656e);
}
.btn-theme:hover{
  background-image: linear-gradient(to right, #0575E6, #0575E6);
}

.price-table-01.active,
.border-color {
  border-color: #0575E6 !important;
} 

.theme-color-g {
  background: linear-gradient(to right, #0575E6, #0575E6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.fixed {
width: 100%;
position: fixed !important;
top: 0;
left: 0;margin-top: 0 !important;
background: #111c !important;}






.header-top-two .language .dropdown-menu > li{
	padding:0px !important;
	margin:0px !important;
	float:none;
	display:block !important;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}

.header-top-two .language .dropdown-menu > li > a{
	padding:10px 20px !important;
	color:#ffffff;
	text-align:right;
	-webkit-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;	
}

.header-top-two .language .dropdown-menu > li > a:hover{
	color:#ffffff;
	background-color:#eb5310;
}

.header-top-two .language .dropdown-menu{
	width:180px;
	padding:0px;
	margin-top:10px;
	background-color:#333;
    border-top:3px solid #eb5310;
}



.eng-lan {
    width: 20px;
    height: 18px;
    margin-right: 5px;
margin-top: 5px;
}









.header-top-two .top-left ul li .social-links a:hover {
color:#3FB4FB
}






.header-top-two{
position: relative;
padding: 8px 0;
z-index: 9;
width: 100%;z-index: 12;
}

.header-top-two .top-left{
	float:left;
}

.header-top-two .top-right{
	float:right;
display: inline-block;
}




.header-top-two .top-left ul li{
    float: left;
	position:relative;
	padding-right:15px;
	font-size:14px;
color: #fff;
	display:inline-block;
}

.header-top-two .top-left ul li a { 
color: #fff;
font-family: "Roboto";
}



.header-top-two .top-left ul li span {
text-align:right;
padding-right:8px;
color: #c52d2f;
}


.header-top-two .top-left ul li:after{
	position: absolute;
    content: '';
    right: -4px;
    top: -5px;
    width: 2px;
    height: 40px;
/*    background: url(../images/icons/seperater.png) right top no-repeat;
*/}

.header-top-two .top-left ul li:last-child::after{
	display:none;
}

.header-top-two .top-right ul li {
float: left;
text-align: left;
list-style: none;
}


.header-top-two .top-right ul li:nth-child(3) {
font-family: "Roboto";
}



.header-top-two .top-right ul li .social-links a{
line-height: 26px;
	margin-right:12px;
	color: #fff;
    font-size: 14px;
}


.fir-sed {
float:left
}

.header-top-two .top-right ul li .social-links a:last-child{
	margin-right:0px;
}

.header-top-two .top-right ul li i{
	color:#fff;
	font-size:14px;
	margin-left:8px;

float:right;
}

.header-top-two li.language{
	position:relative;
	padding-right: 15px;
    line-height: 1.4em;
	display:inline-block;
display:none

}

.header-top-two li.language a{
position:relative;
color:#fff;
background:none;
border-radius:0px;
border:none;
padding-right: 0;
line-height: 20px;
padding: 6px 17px;

}

.list-unstyled {
padding-left: 0;
list-style: none;
margin: 0;

}



.list-unstyled li {

display: inline-block;
list-style: none;
}


.list-unstyled li a {
display: block;
color: #b7b7b7;
background: #424242;
font-size: 14px;
padding: 3px 8px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 2px;
text-transform: capitalize;
}


.list-unstyled li a:hover {
background: #c52d2f;
color: #fff;
}




/*online*/
#online_qq_layer{z-index:999999999;position:fixed;right:5px;bottom:0;width: 300px;}
#online_qq_layer #online_qq_tab a{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#online_qq_layer #online_qq_tab a:hover{text-decoration:none;}
#floatShow{
  display:inline-block;
  background:#c52d2f;
  width:auto;
  float:right;
  height:42px;
  -moz-border-radius:0px 0px 0 0;-webkit-border-radius:0px 0px 0 0;border-radius:0px 0px 0 0;
  text-align:center;overflow: hidden;border-bottom:none;
}
#floatShow i{ color: #fff;
font-size: 20px;
font-weight: bold;width: 24px;height: auto;display: inline-block;vertical-align: middle;text-align: center;padding: 13px 0 0 0;margin:0 0px 0 15px;float: left;}
#floatShow i img{width:100%;height: auto;display: inline-block;}
#floatShow p{color:#fff;font-size:16px;line-height:42px;display:inline-block; vertical-align:middle;padding-right:15px;text-transform:capitalize;text-transform: capitalize;margin:0px 0 0 10px;float: right;vertical-align: middle;}
#floatHide{display:none;background:#c52d2f;width:100%;text-align:left;height:43px;text-transform:capitalize;padding-left:10px;border-bottom:none;border-bottom:none;-moz-border-radius:0px 0px 0 0;-webkit-border-radius:0px 0px 0 0;border-radius:0px 0px 0 0;}
#floatHide p{color:#fff;font-size:16px;line-height:38px;display:inline-block; vertical-align:middle;text-transform:capitalize; margin:4px 0 0 0;}
#floatHide i{font-size:16px;color:#fff;line-height:42px;float:right;margin-right:10px;}

#onlineService{display:inline;width:100%;overflow: hidden;display:none;background:#fff;border-top:none;}
.online_form{position:relative;height:auto;/*overflow-y:scroll;*/border:2px solid #e5e5e5;padding:0 0 20px 0}
.online_form p{font-size:14px;line-height:24px;padding-bottom:20px;text-align:left;color: #999;}
.online_form ul{padding:20px 20px 0 20px;list-style:none;position:relative;}
.online_form ul:after{content:"\f044";font-family:FontAwesome;color:#000;font-size:140px;position:absolute;right:0;top:-30px;filter:alpha(opacity=3);-moz-opacity:0.03;opacity:0.03;}
.online_form ul li{margin-bottom:15px;position:relative;z-index:2;}
.online_form ul li label{display:block;color:#1a1a1a;margin-bottom:5px;font-weight:normal;font-size:14px;}
.online_form ul .meInput{height:36px;border:1px solid #e5e5e5;width:100%;padding:0 15px;line-height:36px;font-size:14px;color: #111;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;background: #fff}
.online_form ul .meInput:focus{border: 1px solid #c52d2f;}
.online_form ul .meText{width:100%;padding:5px 10px;border:1px solid #e5e5e5;max-width:100%;height:80px;max-height:100px;font-size:14px;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;color:#111;background: #fff}
.online_form ul .meText:focus{border: 1px solid #c52d2f;}
#onlineService {}
#onlineService .m-more {text-align: left;margin:0 0 0 20px;}





/*service*/
.online_section{position:fixed;z-index:99999999;top:200px;right:-200px;transition:all .3s ease;}
.online_section ul li{position: relative;  list-style:none;width:240px;height:40px;color:#fff; padding-left:50px; margin-bottom:3px;-moz-border-radius:20px 0 0px 20px;-webkit-border-radius:20px 0 0px 20px;border-radius:20px 0 0px 20px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:14px;border: 1px solid #c52d2f;}
.online_section ul li a{ line-height:40px; font-size:14px; color:#fff;}
.online_section .online_tel{background:#c52d2f;}
.online_section .online_email{background:#c52d2f;}
.online_section .online_whatsapp{background:#c52d2f;}
.online_section .online_skype{background:#c52d2f;}
.online_section .online_coad{background:#c52d2f; padding:0px;}
.online_section .online_coad p{ padding-left:50px; font-family:'lato-bold'; font-size:14px;}
.online_section .online_coad img{width: 100%;height: auto;}
.online_coad .img{ max-width:200px; padding:10px 30px; margin:0 auto; padding-top:0px;}

.online_section ul:hover li{ background-color:#fff;color:#666;border: 1px solid #ccc;}
.online_section ul:hover li a{color:#666;}
.online_section ul li a:hover{color:#c52d2f;}
/*
.online_section ul:hover li.online_tel{background:#fff url(../images/online_t-01.png) no-repeat;}
.online_section ul:hover li.online_email{background:#fff url(../images/online_e-01.png) no-repeat;}
.online_section ul:hover li.online_whatsapp{background:#fff url(../images/online_w-01.png) no-repeat;}
.online_section ul:hover li.online_skype{background:#fff url(../images/online_s-01.png) no-repeat;}
.online_section ul:hover li.online_coad{background:#fff url(../images/online_c-01.png) no-repeat; padding:0px;}
*/

.online_section ul li i {
position: absolute;
left: 1px;
top: 1px;
font-size: 25px;
color: #fff;
padding: 6px;
}


.online_section ul:hover li i {
color:#f00
}


.m-more input {
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    padding: 0px 40px;
    width: auto;
    position: relative;
    text-transform: capitalize;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #c52d2f;
}


@media only screen and (max-width: 768px) {.online_section{display:none;}}





/* ----------------------------------------------------------------------------- TOTOP STARTS ------------------ */

.scrollup {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 55px;
	right: 15px;
	display: none;
	background-color: #c52d2f;
	z-index: 999997;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
    font-size: 20px;
    color: #fff;
text-align: center;
line-height: 40px;
}
.scrollup:hover {
	opacity: 0.9;
}


.scrollup:focus {
outline: none;
border: none;
}

/* ----------------------------------------------------------------------------- TOTOP ENDS ------------------ */




@media (max-width: 767px) { 
#navigation ul.nav li:after { 

display:none
}
/*
#myCarousel,
#myCarousel.carousel .item,
.carousel-inner { 
        height: 300px;
}*/

.scroll-pane .scroll-bar-wrap .scroll-bar {
max-width: 60%;
}




#myCarousel.carousel .carousel-content {
margin-top: 30px;
}

#myCarousel.carousel .slider-img {
top: 20px;
left: 50%;
margin-left: -150px;
}

#myCarousel.carousel .slider-img img {
width: 90%;
height: 300px;

}

/*
#myCarousel h1 {

    text-align: center; }

*/
#myCarousel h2 {
    text-align: center;
    font-size: 17px; }


#myCarousel .prev, #myCarousel .next {
top: 35%;
}

.search-domain .input-group {
width: 80%;	
}

.buy-section .section-text .like {
left: 50%;
top: -20px;
margin-left: -23px;
}

.buy-section .section-text {
padding-left: 0;
position: relative;
padding-top: 50px;
text-align: center;
}


.vc_custom_1464523747865 {
padding-top: 30px;
padding-bottom: 40px;
}

.social-section .list-socials li {
width: 14%;
}


#myCarousel.carousel .slide-margin {
padding-top: 100px;
}



#myCarousel.carousel .slide-margin .pull-left {
padding-top: 0;
}



}

/*
.rr-fl {
float:right
}


.ll-fl {
float:left
}
*/


.no-padd {

padding:0;
}



.focontent {
max-height: 160px;
overflow: hidden;
}



@media(min-width: 1200px){
.home-banner p,
#myCarousel,
.home-banner-04,
.carousel-inner,
.full-screen,
#myCarousel.carousel .item {
height:700px;

  }
}

.news-item .image .read-more{display:block;width:120px;background:#c52d2f;border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:10px 0;margin:0 auto}



.news-item .news-body {
background: #ECE9E6;
background: -webkit-linear-gradient(to left, #FBFBFB, #f8f8f8);
background: linear-gradient(to left, #FBFBFB, #f8f8f8);
padding: 15px;
border-radius: 0 0 25px 25px;
}

/*******************/
/*
.news-item .image{text-align:center;position:relative; overflow: hidden;}
.news-item .image:after,.news-item .image:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.news-item .image:hover:after,.news-item .image:hover:before{-webkit-transform:scale(400);-moz-transform:scale(400);-ms-transform:scale(400);-o-transform:scale(400);transform:scale(400)}
.news-item .image:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.news-item .image:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.news-item .image:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.news-item .image:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.news-item .image img{width:100%;height:auto}
.news-item .image .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.news-item .image:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.news-item .image .title{font-size:21px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px}
.news-item .image .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}

@media only screen and (max-width:990px){.news-item .image{margin-bottom:30px}
}
@media only screen and (max-width:479px){.news-item .image .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.news-item .image .title{padding-bottom:10px}
}

/*
#latest-news .item:hover 
*/
/* Shutter Out Vertical */
#floatShow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #c52d2f;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#floatShow:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1A1A1A;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#floatShow:hover, #floatShow:focus, #floatShow:active {
  color: white;
}
#floatShow:hover:before, #floatShow:focus:before, #floatShow:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*********************/



.intro-open {

color: #fff;
text-align: center;
width: 50%;
margin: 0 auto;
margin-top: -40px;
}




.fo-teck .form-control {

color:#999
}





/* Sweep To Top */
.news-item .image .read-more {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;

  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.news-item .image .read-more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1A1A1A;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.news-item .image .read-more:hover, .news-item .image .read-more:focus, .news-item .image .read-more:active {
  color: white;
}
.news-item .image .read-more:hover:before, .news-item .image .read-more:focus:before, .news-item .image .read-more:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

#navigation.fixed {
top: 0;
}


@media (max-width: 767px){
#navigation {
    top: 90px;margin: 0;
}

#navigation.fixed {
top: 0;
}


#myCarousel.carousel .item img {
    width: 93%;
    height: 290px;
}





.home-banner p,
#myCarousel,
.home-banner-04,
.carousel-inner,
.full-screen,
#myCarousel.carousel .item {
height:800px;

  }




} 




/**********************************************************/

.our-work {
 padding:200px 0 0 0;
 position:relative;
 overflow:hidden;
 color:#fff;
 text-align:center;
background-color: #28324e;
background: linear-gradient(to right, #414345, #232526);

}
.our-work .site-head {
 margin-bottom:64px;
 position:relative;
 z-index:11
}

/*
.our-work:after {
 content:"";
 display:block;
 width:0;
 border-style:solid;
 border-color:transparent;
 border-top-color:#f7f7fa;
 border-width:100px 1000px 0px 1000px;
 position:absolute;
 top:0;
 left:50%;
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}*/

.our-work .work-group {
 text-align:center
}
.our-work .work-group>li {
 display:inline-block;
 vertical-align:top;
 margin-bottom:104px;
 width:147px;
 height:90px;
 background-color:#fff;
 position:relative;
 margin-left:18px;
 margin-right:18px;
 background-color:#2d2f33;
 border:1px
solid #2d2f33;
 cursor:pointer;
 z-index:11;
transition: all ease-in-out 0.4s !important;


align-items: center;
display: inline-grid;
text-transform: uppercase;
}


.our-work .work-group > li h3 {
color:#fff;
font-size: 14px;
margin-top: 10px;
margin-bottom: 0;
white-space: pre-wrap;
}

.our-work .work-group>li
h3 {
 font-size:16px;
 margin-top:10px;
 margin-bottom:0;
line-height: 20px;
}
.our-work .work-group>li .work-ic {
 margin-top:5px;
 display:block;
 margin:0
auto
}
.our-work .work-group>li:last-child .work-ic {
}
.our-work .work-group>li:before, .our-work .work-group>li:after, .our-work .work-group>li .work-shap:before, .our-work .work-group>li .work-shap:after {
 content:"";
 display:block;
 width:0;
 border-style:solid;
 border-color:transparent;
 position:absolute;
 left:0;
transition: all ease-in-out 0.4s !important;
}
.our-work .work-group>li:before {
 border-width:45px 73px 0 73px;
 top:100%;
 border-top-color:#2d2f33;
 z-index:2;
transition: all ease-in-out 0.4s !important;
}
.our-work .work-group>li:after {
 border-width:0px 73px 45px 73px;
 border-bottom-color:#2d2f33;
 bottom:100%;
 z-index:2;
transition: all ease-in-out 0.4s !important;
}
.our-work .work-group>li:hover:after {
 border-bottom-color:#fff
}
.our-work .work-group>li:hover:before {
 border-top-color:#fff
}


.our-work .work-group>li:active,
.our-work .work-group>li:focus,
.our-work .work-group>li:hover {
 color:#333d5a !important;
 background-color:#fff !important;
 border-color:#fff !important
}



.our-work .work-group>li:hover h3 {
 color:#333d5a;
} 


.our-work .work-group > li:hover, .our-work .work-group > li.active {
    color: #333d5a;
    background-color: #fff;
    border-color: #fff;
}


.our-work .work-group>li:first-child {
 font-size:18px;
 padding-left:9px;
 padding-right:9px;
 padding-top:12px;

align-items: center;
display: inline-grid;
}
.our-work .work-group>li.active:after {
 border-color:transparent;
 border-bottom-color:#fff
}
.our-work .work-group>li.active:before {
 border-color:transparent;
 border-top-color:#fff
}
.our-work .work-group>li .work-shap:before {
 border-width:45px 73px 0 73px;
 bottom:-46px;
 border-top-color:#2d2f33;
 z-index:1
}
.our-work .work-group>li .work-shap:after {
 border-width:0px 73px 45px 73px;
 border-bottom-color:#2d2f33;
 top:-46px;
 z-index:1
}
.our-work .work-group>li.active .work-shap:before, .our-work .work-group>li:hover .work-shap:before {
 border-top-color:#fff
}
.our-work .work-group>li.active .work-shap:after, .our-work .work-group>li:hover .work-shap:after {
 border-bottom-color:#fff
}
.our-work .shap-3:after {
 content:"";
 display:block;
 width:260px;
 height:300px;
 background-image:url("../images/shap-1.png");
 background-repeat:no-repeat;
 background-size:contain;
 position:absolute;
 top:145px;
 left:-130px
}


.works-category-icon {
 background-image:url("../images/spritesheet.png");
 background-repeat:no-repeat;
 display:block;
 width:44px;
 height:38px
}
.works-category-icon.mob-app-category-icon {
 width:23px;
 height:38px;
 background-position:-357px -83px
}
.works-category-icon.ecommerce-category-icon {
 width:44px;
 height:38px;
 background-position:-5px -5px
}
.works-category-icon.corp-website-category-icon {
 width:51px;
 height:40px;
 background-position:-59px -5px
}
.works-category-icon.motion-graphic-category-icon {
 width:46px;
 height:33px;
 background-position:-221px -5px
}
.works-category-icon.branding-category-icon {
 width:41px;
 height:39px;
 background-position:-170px -5px
}





.five-xsbox {
width: 33.33333%;
float: left;
padding: 15px;

}

.filter-button.active h3 { 
color:#f00
}

.filter-button.active {
color: #333d5a;
background-color: #fff;
border-color: #fff;
}



.shap-2::before {
    content: "";
    width: 340px;
    height: 393px;
    background-repeat: no-repeat;
    background-image: url("../images/shap-1.png");
    background-size: cover;
    position: absolute;
    top: 0;
    right: -71px;
}



.bw-ck {
width: 100%;
padding: 0;
background: #fff;
display: inline-block;
margin-bottom: -8px;
}



.vid-cap {
    position: relative;
    z-index: 11;
    padding-top: 90px;
background-color: #28324e;
background-image: url("../images/bg1.jpg");
background-position: 50% -171px;
}



.vid-cap .s-cap .caption h1 {
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 10px;
    display: inline;
    vertical-align: top;
color:#fff;
}


header .s-cap .caption h1 {
    max-width: 400px;
}


.vid-cap .s-cap {
    padding-top: 80px;
}


.cap-vis {
    overflow: hidden;
    height: 40px;
}


.vid-cap .s-cap .caption ul {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 26px;
    vertical-align: top;
    display: inline-block;
    -webkit-animation-name: change;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 9s;
    animation-iteration-count: infinite;
}


.s-ul {
    list-style: none;
    padding: 0;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
}


.vid-cap .s-cap .caption ul li {
    line-height: 40px;
    margin: 0;
color:#fff;
}




@-webkit-keyframes
change {
 0%,100% {
  -ms-transform:translateY(0);
  -webkit-transform:translateY(0);
  -o-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0)
 }
 25% {
  -ms-transform:translateY(-33.33333%);
  -webkit-transform:translateY(-33.33333%);
  -o-transform:translateY(-33.33333%);
  -moz-transform:translateY(-33.33333%);
  transform:translateY(-33.33333%)
 }
 50% {
  transform:translateY(-66.666666%);
  -webkit-transform:translateY(-66.666666%);
  -o-transform:translateY(-66.666666%);
  -moz-transform:translateY(-66.666666%);
  transform:translateY(-66.666666%)
 }
 75% {
  -ms-transform:translateY(-33.33333%);
  -webkit-transform:translateY(-33.33333%);
  -o-transform:translateY(-33.33333%);
  -moz-transform:translateY(-33.33333%);
  transform:translateY(-33.33333%)
 }
}
@keyframes
change {
 0%,100% {
  -ms-transform:translateY(0);
  -webkit-transform:translateY(0);
  -o-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0)
 }
 25% {
  -ms-transform:translateY(-33.33333%);
  -webkit-transform:translateY(-33.33333%);
  -o-transform:translateY(-33.33333%);
  -moz-transform:translateY(-33.33333%);
  transform:translateY(-33.33333%)
 }
 50% {
  transform:translateY(-66.666666%);
  -webkit-transform:translateY(-66.666666%);
  -o-transform:translateY(-66.666666%);
  -moz-transform:translateY(-66.666666%);
  transform:translateY(-66.666666%)
 }
 75% {
  -ms-transform:translateY(-33.33333%);
  -webkit-transform:translateY(-33.33333%);
  -o-transform:translateY(-33.33333%);
  -moz-transform:translateY(-33.33333%);
  transform:translateY(-33.33333%)
 }
}



.servi-mark .owl-item {
text-align: center;

}


.servi-mark .owl-item img { 

margin: 0 auto;}

.servi-mark .owl-item h2 {
font-size: 22px;
color: #333;
text-transform: capitalize;
margin-top: 29px;}



.motion-ser-img {
    width: 216px;
    height: 227px;
    display: table;
    background-image: url("../images/back.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}



.motion-ser-img .mot-s-im {
    display: table-cell;
    vertical-align: middle;
}


.motion-ser-info h2 {
    font-size: 20px;
    color: #28324e;
    margin-top: 10px;
    margin-bottom: 10px;

}


.mark-services .motion-ser-info h2 {
    padding-left: 10px;
    padding-right: 10px;
line-height: 30px;
}




.mark-services {

padding:50px 0;
text-align:center;

}





.gallery_product .outer-hide img {
width:100%;
transition: all ease-in-out 0.5s;height: 220px;
}



.gallery_product .outer-hide {
overflow: hidden;
}


.gallery_product:hover img {
transform: scale(1.1);
}




/******************** new navigation 2020 *****************/




.header-top-two {
background: #0003;
}

/************************** 
* 2. header styles 
***************************/
.header-navigation {
width: 100%;
margin-left: auto;
margin-bottom: auto;
z-index: 999;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.header-navigation .container {
  background: transparent;
  position: relative;
  display: block;
}


.header-navigation .container .logo-box {
  float: left;

}




.header-navigation .container .menu-toggler {
  display: none;
}
.header-navigation .container .right-side-box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
.header-navigation .main-navigation {
  text-align: right;
}
@media (min-width: 1200px) {
  .header-navigation .main-navigation {
    display: block !important;
  }
}

.header-navigation ul.navigation-box {
float: right;
}







.header-navigation ul.navigation-box > li > a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #c52d2f;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}




.header-navigation ul.navigation-box > li > a:hover:before,
.header-navigation ul.navigation-box > li > a:focus:before,
.header-navigation ul.navigation-box > li > a:active:before {
    right: 0
}

.header-navigation ul.navigation-box li a .sub-nav-toggler {
  display: none;
}
.header-navigation ul.navigation-box > li {
  position: relative;
  margin: 25px 0;
  display: inline-block;
  vertical-align: middle;
  /* Second Level Menu */
  /* Thrid Level Menu */
}
.header-navigation ul.navigation-box > li {
  margin-left: 24px;
}


.header-navigation ul.navigation-box > li:last-child {
  padding-right: 0;
}



.header-navigation ul.navigation-box > li > a {
  font-weight: 500;
  font-size: 14px;
  color: #fff;
text-transform: capitalize;
  transition: all .4s ease;
  position: relative;
padding: 26px 0;
}
.header-navigation ul.navigation-box > li.current > a, .header-navigation ul.navigation-box > li:hover > a {
  color: #c52d2f;
}



.header-navigation ul.navigation-box > li > .sub-menu {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 220px;
  padding: 0px 0px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  opacity: 0;
  border-radius: 0px;
  visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease;
  box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .header-navigation ul.navigation-box > li > .sub-menu {
    display: block !important;
  }
}
.header-navigation ul.navigation-box > li > .sub-menu.right-align {
  left: auto;
  right: 0;
}
.header-navigation ul.navigation-box > li > .sub-menu.center-align {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header-navigation ul.navigation-box > li > .sub-menu > li {
  display: block;
  position: relative;
  transition: all .4s ease;
border-bottom: 1px solid #dddddd4d;
}
.header-navigation ul.navigation-box > li > .sub-menu > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-navigation ul.navigation-box > li > .sub-menu > li > a {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  padding: 10px 20px;
  display: block;
  line-height: 26px;
  white-space: nowrap;
  position: relative;
  transition: all .4s ease;
text-transform: capitalize;
}
.header-navigation ul.navigation-box > li > .sub-menu > li:hover > a {
  color: #fff;
  background: #c52d2f;
}
.header-navigation ul.navigation-box > li:hover:before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.header-navigation ul.navigation-box > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.header-navigation ul.navigation-box > li > ul > li {
  /* no more nested showen */
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu {
  position: absolute;
  top: 0%;
  left: 100%;
  z-index: 1000;
  float: left;
  min-width: 220px;
  padding: 0px 0px;
  text-align: left;
  list-style: none;
  background-color: #30355d;
  background-clip: padding-box;
  opacity: 0;
  border-radius: 0px;
  visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease;
  box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .header-navigation ul.navigation-box > li > ul > li > .sub-menu {
    display: block !important;
  }
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu.right-align {
  left: auto;
  right: 100%;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu.center-align {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li {
  display: block;
  position: relative;
  transition: all .4s ease;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li > a {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  padding: 12px 30px;
  display: block;
  line-height: 26px;
  white-space: nowrap;
  position: relative;
  transition: all .4s ease;
text-transform: capitalize;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li:hover > a {
  color: #30355d;
  background: #fff;
}
.header-navigation ul.navigation-box > li > ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.header-navigation ul.navigation-box > li > ul > li ul {
  display: none;
}

.header-navigation.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 991;
background: #efefef;
  border-bottom: 0;
}




 .site-header,.main-bar {
position: absolute;
width: 100%;
}













/*
* large screen fixing
*/

@media(min-width: 1921px) {
    .site-header.header-one {
        background: #002C42;
    }
    .site-header.header-one .header-navigation,
    .site-header.header-one .top-bar {
        max-width: 1920px;
        margin: auto;
    }
    .site-header.header-one .container-fluid {
        background: #fff;
    }
}

/*
* expandable menu started
*/


@media (max-width: 1199px) {


.divider .container {
height: 177px;
}

    .header-navigation {
        margin-bottom: 0;
    }

    .logo-box {
        width: 100%;
        float: none;
        margin: 0 !important;
    }

    .navigation-box {
        margin: 0;
    }

    .navbar-expand-lg .menu-toggler {
        display: block;
        margin-right: 0;
        border-color: #fff;
        background-color: transparent !important;
        margin: 10px 0;
        color: #fff;
        border: none;
        font-size: 28px;
        float: right;
        outline: none;
        cursor: pointer;position: relative;top: 35px;

right: 25px;
    }

    .menu-toggler:hover {
        border-color: #00AD4D;
    }

    .menu-toggler .icon-bar {
        background: #fff;
    }

    .menu-toggler:hover .icon-bar {
        background: #00AD4D;
    }

    .navbar-expand-lg .navbar-collapse {
        padding-bottom: 0;
        overflow: auto !important;
        width: 100%;
    }

    .navbar-expand-lg .navbar-collapse {
        display: none !important;
        background: transparent;
        padding: 0px 0px !important;
        padding-bottom: 0px !important;
        margin: 0;
        background: #000;
        transition: all .5s ease;
        height: 0;
    }

    .navbar-expand-lg .navbar-collapse.showen {
        display: block !important;
        height: auto;
        max-height: 70vh;
    }

    .navbar-collapse.show {
        overflow-y: auto;
    }

    .header-navigation .nav {
        width: 100%;
        text-align: left;
    }

    .header-navigation .nav>li {
        display: block;
        padding: 0 !important;
        width: 100%;
        float: none;
    }

    .header-navigation .nav>li+li {
        margin-left: 0 !important;
    }

    .header-navigation .nav>li>a {
        padding: 8px 0;
    }

    .header-navigation .right-box.nav {
        width: 100%;
        margin: 0;
    }

    .header-navigation .right-box.nav>li>a {
        border: none !important;
        padding: 8px 0;
        color: #fff;
    }

    .header-navigation .nav>li>a:after {
        display: none;
    }

    .header-navigation .nav.navigation-box+.nav {
        border-top: 1px dashed #282828;
    }

    .header-navigation .navigation-box>li>.sub-menu,
    .header-navigation .navigation-box>li>.sub-menu>li>.sub-menu {
        position: relative !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transition: none !important;
        display: none;
        float: none !important;
        margin: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .header-navigation .navigation-box>li>.sub-menu>li>a::after {
        display: none;
    }

    .header-navigation ul.navigation-box>li+li {
        padding: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .1);
        display: block;
        float: none;
    }

    .header-navigation .nav>li.show-mobile {
        display: none;
    }

    .header-navigation ul.navigation-box>li>a,
    .header-navigation .right-box.nav>li>a {
        padding: 0;
        display: block;
        color: #333;
padding: 10px 15px !important;
        transition: background 0.4s ease 0s;
        text-transform: capitalize;
border-bottom: 1px solid #cccccc4d;
    }


    .header-navigation ul.navigation-box>li>a .fa-angle-down {
display:none;
}


    .header .stricky-fixed.header-navigation .nav>li {
        padding: 0 !important;
    }

    .header-navigation ul.navigation-box li a .sub-nav-toggler {
        background-color: transparent;
        background-image: none;
        border:0;
        border-radius: 4px;
        padding: 0;
        position: absolute;
        top: 16px;
        right: 0;
left:auto;
        /*margin-top: 8px;*/
        margin-right: 0px;
        display: block;
        cursor: pointer;
    }

    .header-navigation .navigation-box .sub-nav-toggler .icon-bar {
        background-color: #333;
        border-radius: 1px;
        display: block;
        height: 1px;
        width: 20px;
    }

    .header-navigation .navigation-box .sub-nav-toggler .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .header-navigation .container .right-side-box {
        top: 10px;
        right: 15px;
        transform: translateY(0%)
    }

    .header-navigation .container {
        display: block;
        padding-right: 0;
        padding-left: 0;
        position: relative;
    }

    .header-navigation .container .logo-box {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        float: none;
        padding-right: 145px;text-align: left;
    }


    .header-navigation .container .logo-box .navbar-toggler {
        float: left;
    }

    .header-navigation ul.navigation-box {
        display: block;
        margin: 0 !important;
        width: 100%;background-color: #f9f9f9 !important;
border: 0 !important;
padding-right: 15px;
padding-left: 15px;
    }

    .header-navigation ul.navigation-box>li {
        padding: 0;
        display: block;
    }

    .header-navigation ul.navigation-box>li>a {
        display: block;
        padding: 13px 30px;
    }

    .header-navigation ul.navigation-box>li>a:after {
        display: none;
    }

    .header-navigation ul.navigation-box>li+li {
        margin: 0;
    }

    .header-navigation .main-navigation {
        float: none;
        width: 100%;
        display: none;
        text-align: left;
        background: #30355d;


    }

    .header-navigation .container .menu-toggler {
        display: block;
    }

    .header-navigation.stricky-fixed ul.navigation-box>li {
        padding: 0;
    }

    .header-navigation .container .logo-box .navbar-brand {
        background-color: transparent;
    }

    .header-navigation .container .menu-toggler {
        float: right;
        color: #fff;
        margin-left: 30px;
    }

    .header-navigation .container .logo-box {
        padding-right: 0 !important;text-align: left;
    }

    .header-navigation {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .site-header.header-one .header-navigation .container .right-side-box .quote-btn {
        padding-top: 21px;
        padding-bottom: 21px;
    }

    .site-header.header-one .header-navigation .container {
        padding-left: 0;
    }

    .site-header.header-one .top-bar .left-content {
        width: 100%;
        text-align: center;
    }

    .site-header.header-two .header-navigation .container .menu-toggler {
        float: right;
        margin: 36px 0;
        color: #fff;
    }

    .site-header.header-two .header-navigation ul.navigation-box>li {
        padding: 0 !important;
    }

    .site-header.header-three .header-navigation .container .menu-toggler {
        float: right;
        margin: 36px 0;
    }
    .site-header.header-three .header-navigation .container .logo-box {
        padding-right: 200px !important;
    }
    .site-header.header-three .header-navigation .container .right-side-box {
        top: 28px;
    }
    .site-header.header-three .header-navigation .main-navigation {
        text-align: left;
    }
    .site-header.header-three .header-navigation ul.navigation-box > li {
        padding: 0;
    }
    .site-header.header-three .header-navigation ul.navigation-box > li + li {
        margin-left: 0;
    }
    .site-header.header-three .header-navigation.stricky-fixed ul.navigation-box > li {
        padding: 0;
    }

    .site-header.header-four .header-navigation .container .menu-toggler {
        margin-left: 0;
    }
    .site-header.header-four .header-navigation ul.navigation-box > li {
        padding: 0; margin:0;
    }
    .site-header.header-four .header-navigation .main-navigation {
        text-align: left;
    }
    .site-header.header-four .header-navigation ul.navigation-box > li + li {
        margin-left: 0;
    }


}


@media (max-width: 991px) {
    .site-header.header-one .header-navigation .container {
        max-width: calc(100% - 100px);
    }

    .site-header.header-one .top-bar .single-header-contact-info+.single-header-contact-info {
        padding-left: 15px;
        margin-left: 15px;
    }
}

@media(max-width: 767px) {
    .site-header.header-one .top-bar .right-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .site-header.header-one .top-bar .single-header-contact-info {
        width: 50%;
        float: left;
    }

    .site-header.header-one .top-bar .single-header-contact-info+.single-header-contact-info {
        margin-left: 0;
        padding-left: 0;
        border: none;
    }

    .site-header.header-one .header-navigation .container {
        max-width: 100%;
    }
}





@media (max-width:767px) {


.header-navigation { 

    position: relative;

}


}




/***************************************/
/***************************************/
/***************************************/
/***************************************/







.pos-abs {
position: absolute;
left: 100%;
width: 100%;
z-index: 9999999999;
bottom: 0;
text-align: center;
z-index: 99999999;
display: block !important;
position: absolute;
bottom: 0;
background: #fff3;
}







/*******************************/



/************************************* newwwwwwww 2020 *****************/

.gallery_product .outer-hide {
position: relative;
}


.gallery_product .outer-hide .light-dx2 {
width: 40px;
height: 40px;
background: #c52d2f;
position: absolute;
top: 50%;
margin-top: -20px;
left: 50%;
margin-left: -20px;
border-radius: 50%;
z-index: 99;
line-height: 40px;
color: #fff;
text-align: center;
}


/************ section_services *************/



.section_services {
width: 100%;
background-image: url("../images/bg-img-19.jpg");
position: relative;
overflow: hidden;
}

.section_services h2.text_primary {
text-align: center;
font-size: 36px;
font-family: "Ubuntu-Bold";
text-transform: capitalize;
color:#fff;
}




/*
.services_list {
  display: flex;
  justify-content: space-between;
  align-items: normal;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}*/

.services_list .service_item {
  padding: 10px 20px;
  margin: 10px 0;
  text-align: center;
  border: 1px solid #e5e5e5;
  background-color: transparent;
  position: relative;
  transition: background-color, 0.7s, box-shadow 0.8s;
background: #fff;
}

.services_list .service_item a {
  display: block;
  text-decoration: none;
}

@media (max-width: 940px) {
  .services_list .service_item {
    width: 48%;
  }
}

@media (max-width: 768px) {
  .services_list .service_item {
    width: 100%;
  }
}

.services_list .service_item:hover {
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.services_list .service_item .icon {
  padding: 24px 0;
  min-height: 140px;
  text-align: center;
}

.services_list .service_item .title {
  margin: 0;
  font-weight: 600;
  font-size: 1.7rem;
font-family: "Ubuntu-Bold";
text-transform: capitalize;
font-size: 20px;
color: #07519d;
}

.services_list .service_item .text {
  padding: 18px 0;
  line-height: 24px;
color: #333;
}


.section_services .wrapper {
position: relative;
z-index: 2;
}



/**************** order form new style 2020 hassan *******************/
/*
.order-form-page .oscend-contact-form input {
outline: none;
margin: 0;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 100%;
font-size: 14px;
font-family: inherit;
}

.order-form-page .oscend-contact-form input[type=text] {
line-height: 50px;
background: #fafafa;
-webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
-moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 20px;
font-size: 16px;
color: #666;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;}

*/

/*

#post-397 {
padding: 6px 20px;
background: #323232;
margin: 30px auto;
}*/



.back-g-form {
background: url(../images/backform.jpg);
display: inline-block;
}




.back-g-form:after {
 content:"";
 display:block;
 width:100%;
height:100%;
background: #000000b3;
 position:absolute;
 left:0;
top:0;
transition: all ease-in-out 0.4s !important;
}




.wpb_column.vc_column_container.vc_col-sm-3 {

background: #fff;
}


.back-g-form select {

color: #fff;
font-size: 13px;
text-transform: capitalize;
height: 50px;
background: #fcfcfc4d;
border: 0 !important;
font-family: "Roboto";font-weight: normal;
}





.label-flex {
 justify-content:space-between;
 -moz-justify-content:space-between;
 -webkit-justify-content:space-between;
 -o-justify-content:space-between;
 -ms-justify-content:space-between
}
.label-flex label {
 width:auto
}
.form-link {
 font-size:12px;
 color:#222;
 text-decoration:none;
 position:relative
}
.form-link:after {
 position:absolute;
 content:"";
 width:100%;
 height:2px;
 background:#d7d7d7;
 left:0;
 bottom:12px
}
.form-radio {
width: 100%;
}
.form-radio input {
 width:auto;
 display:inline-block;
}

.contact-1 .form-radio input {
float: left;}


.radio-label {
 padding-right:72px
}
.form-radio-group {
padding-top: 15px;
display: inline-block;
width: 100%;
}
.form-radio-item {
 position:relative;
width: 50%;
float: left;
}



.contact-1  .form-radio-item {
    width: 25%;
}



.form-radio-item label {
 font-weight:500;
 padding-left:30px;
 position:relative;
 z-index:9;
 display:block;
 cursor:pointer;
 text-transform:none;
color: #fff;
}
.back-g-form .check {
 display:inline-block;
 position:absolute;
 border:1px solid #ebebeb;
 border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 -o-border-radius:50%;
 -ms-border-radius:50%;
 height:19px;
 width:19px;
 top:2px;
 left:0;
 z-index:5;
 transition:border .25s linear;
 -webkit-transition:border .25s linear
}
.back-g-form .check:before {
 position:absolute;
 display:block;
 content:'';
 width:12px;
 height:12px;
 border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 -o-border-radius:50%;
 -ms-border-radius:50%;
 top:2px;
 left:2px;
 margin:auto;
 transition:background .25s linear;
 -webkit-transition:background .25s linear
}
.back-g-form input[type=radio] {
 position:absolute;
 visibility:hidden
}
.back-g-form input[type=radio]:checked~.check {
 border:1px solid #329e5e
}
.back-g-form input[type=radio]:checked~.check::before {
 background:#329e5e
}



/*****************/

/*
section{
  display: flex;
  flex-direction: column;
  padding: 0.5em;
}
*/
.Checkboxes {
width: 100%;
display: inline-block;
margin-bottom: 15px;
}

.Checkboxes input[type='checkbox']{ height: 0; width: 0; display: none;}

.Checkboxes input[type='checkbox'] + label{
  position: relative;
  display: flex;
  margin: .6em 0;
  align-items: center;
  color: #111121;
  transition: color 250ms cubic-bezier(.4,.0,.23,1);
float: left;
min-width: 120px;
text-transform: capitalize;
font-size: 11px;
margin-right:8px;
}
.Checkboxes input[type='checkbox'] + label > ins{
  position: absolute;
  display: block;
  bottom: 0;
  left: 2em;
  height: 0;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  transition: height 300ms cubic-bezier(.4,.0,.23,1);
}
.Checkboxes input[type='checkbox'] + label > ins > i{
  position: absolute;
  bottom: 0;
  font-style: normal;
  color: #4FC3F7;
}
.Checkboxes input[type='checkbox'] + label > span{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
width: 20px;
height: 20px;
  background: transparent;
  border: 2px solid #9E9E9E;
  border-radius: 2px;
  cursor: pointer;  
  transition: all 250ms cubic-bezier(.4,.0,.23,1);
}

/*
.Checkboxes input[type='checkbox'] + label:hover,.Checkboxes  input[type='checkbox']:focus + label{
  color: #fff;
}
*/
.Checkboxes input[type='checkbox'] + label:hover > span,.Checkboxes  input[type='checkbox']:focus + label > span{
  background: rgba(255,255,255,.1);
}


/*
.Checkboxes input[type='checkbox']:checked + label > ins{ height: 100%; }

.Checkboxes input[type='checkbox']:checked + label > span{
  border: .8em solid #FFEB3B;
  animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1);
}

.Checkboxes input[type='checkbox']:checked + label > span:before{
  content: "";
  position: absolute;
  top: .6em;
  left: .2em;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}





.Checkboxes input[type='checkbox']:checked + label > span:before{
content: "\f00c";
line-height: 100px;	
font-family: "FontAwesome";
display: block;
content: "";
color: rgba(255, 255, 255, 0.5);
text-align: center;
width: 100%;
height: 100%;
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
font-size: 30px;
-moz-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
-o-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
-webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
}


*/



.Checkboxes input[type='checkbox'] + label > span:after {
    font-family: "FontAwesome";
    display: block;
    content: "\f00c";
    text-align: center;
    width: 100%;
    height: 100%;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 30px;
color: rgb(197, 45, 47);

}

.Checkboxes input[type='checkbox']:checked + label > span:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
font-size: 15px;
color: rgb(197, 45, 47);
position: absolute;
top: -2px;
}


@keyframes shrink-bounce{
  0%{
    transform: scale(1);
  }
  33%{    
    transform: scale(.85);
  }
  100%{
    transform: scale(1);    
  }
}
@keyframes checkbox-check{
  0%{
    width: 0;
    height: 0;
    border-color: #212121;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  33%{
    width: .2em;
    height: 0;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  100%{    
    width: .2em;
    height: .5em;    
    border-color: #212121;
    transform: translate3d(0,-.5em,0) rotate(45deg);
  }
}


.h-deal {
    display: block;
    float: left;
    font-weight: normal;
    color: #fff;
    text-transform: capitalize;
    line-height: 25px;
}


.about-img {
width:400px;
}

.abo-bgg {

padding:60px 0;
}



.abt-bgg-img {

width:400px;
margin: 0 auto;
display: block;
}


.abo-bgg,
.contact-1 {

background-image: url(../images/02.png);
}








.featured-item{padding:40px 20px;position:relative}.featured-item:hover{background:#fff}.featured-item .featured-icon{display:inline-block}.featured-desc p{margin-bottom:0;font-size:14px}.featured-title
h5{margin:30px 0 20px;text-transform:capitalize}.dark-bg .featured-title h5,.dark-bg .featured-desc,.theme-bg .featured-title h5,.theme-bg .featured-desc,.theme-bg .featured-icon i{color:#fff}.grey-bg .featured-desc
p{color:#111121}.featured-item.style-2{background:#fff;padding:60px 30px}.featured-item.style-3{background:#fff;padding:50px 30px 50px 200px}.featured-item.style-3 .featured-icon{position:absolute;left:30px;top:50%}.featured-item.style-3
.featured-title h5{margin-top:0}.featured-item.style-4:hover{transform:inherit;border-radius:15px;background:#fff}.featured-item.style-4 .featured-icon
i{background:#fff;color:#ff7810;display:inline-block;font-size:30px;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%}.featured-item.style-4:hover .featured-icon
i{background:#ff7810;color:#fff}.featured-item.style-4.active{background:#fff}.featured-item.style-4.active .featured-icon i{background:#ff7810;color:#fff}.owl-carousel .featured-item{-webkit-box-shadow:0 5px 10px
rgba(0,0,0,.1);-moz-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1)}


.owl-carousel .featured-item .featured-desc p {
color:#333;
}


.owl-carousel .featured-item .featured-title h5 {
height: 45px;
}









/****************************************** foooooooooooooooooter *****************/





/************************************************************/
/************** fooooooooooooooooooooooooter****************/

a,
b,
div,
ul,
li {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -moz-outline-: none; }

a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
    -moz-outline: none;
    outline: none; }

img:not([draggable]),
embed,
object,
video {
    max-width: 100%;
    height: auto; }

textarea,
select,
input,
a {
    text-decoration: none;
    outline: 0; }

a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0; }

img {
    border: none;
    max-width: 100%; }

ul, li {
    margin: 0; }



.xs-info-list i {
    display: inline-block;
    float: left;

    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.14286em;
    margin-right: 20px; }



.xs-info-list i.bg-red {
    background-color: #fa575d; }
.xs-info-list i.bg-green {
    background-color: #2cc391; }
.xs-info-list i.bg-blue {
    background-color: #369ff4; }

.xs-info-list li, .xs-info-list a {
    color: #FFFFFF ;
    font-size: 14px;
    display: inline-block; }


.xs-info-list li span {

    color: #FFFFFF;
}
.xs-info-list li i {
color: #cb3939;

}

.xs-info-list a {
    margin-top: 8px;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
.xs-info-list a:hover {
    color: #FFFFFF; }

.xs-info-list li:last-child {
    margin-bottom: 0; }

.xs-info-list li:after {
    display: table;
    content: "";
    clear: both; }

.xs-back-to-top-wraper {
    position: absolute;
    right: 36px;
    bottom: 92px;
    z-index: 9999; }


.xs-social-list li, .xs-social-list-v2 li {
    display: inline-block;
    margin-left: 5px; }
.xs-social-list li:last-child, .xs-social-list-v2 li:last-child {
    margin: 0; }
.xs-social-list li a, .xs-social-list-v2 li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    text-align: center;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 1.07143em;
    color: #FFFFFF; }
.xs-social-list li a:hover, .xs-social-list-v2 li a:hover {
    border-color: transparent;
    background-color: #c52d2f; }

/*
.xs-social-list li a.color-facebook:hover, .xs-social-list-v2 li a.color-facebook:hover {
    background-color: #3b5998; }
.xs-social-list li a.color-twitter:hover, .xs-social-list-v2 li a.color-twitter:hover {
    background-color: #1da1f2; }
.xs-social-list li a.color-dribbble:hover, .xs-social-list-v2 li a.color-dribbble:hover {
    background-color: #ea4c89; }
.xs-social-list li a.color-pinterest:hover, .xs-social-list-v2 li a.color-pinterest:hover {
    background-color: #bd081c; }
.xs-social-list li a.color-instagram:hover, .xs-social-list-v2 li a.color-instagram:hover {
    background-color: #e1306c; }
.xs-social-list li a.color-linkedin:hover, .xs-social-list-v2 li a.color-linkedin:hover {
    background-color: #dd5143; }
*/

/*

    .xs-social-list li a.color-vk {
        background-color: #4c75a3;
    }
    .xs-social-list li a.color-youtube {
        background-color: #cd201f;
    }
    .xs-social-list li a.color-tumblr {
        background-color: #34465d;
    }
    .xs-social-list li a.color-behance {
        background-color: #131418;
    }
    .xs-social-list li a.color-google-plus {
        background-color: #dd4b39;
    }
    .xs-social-list li a.color-xing {
        background-color: #026466;
    }
    .xs-social-list li a.color-yelp {
        background-color: #af0606;
    }
    .xs-social-list li a.color-vine {
        background-color: #00b489;
    }

*/




.xs-social-list.square li a, .square.xs-social-list-v2 li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 0%;
    border: 1px solid #fff;
    background-color: transparent;
    color: #c52d2f; }
.xs-social-list.square li a:hover, .square.xs-social-list-v2 li a:hover {
    color: #FFFFFF; }

.xs-social-list.simple li, .simple.xs-social-list-v2 li {
    margin-right: 15px; }
.xs-social-list.simple li a, .simple.xs-social-list-v2 li a {
    color: #c52d2f;
    border: 0;
    width: auto;
    height: auto;
    line-height: 0;
    background-color: transparent; }
.xs-social-list.simple li a:hover, .simple.xs-social-list-v2 li a:hover {
    background-color: transparent;
    border: 0; }


/*
.xs-social-list.simple li a.color-facebook:hover, .simple.xs-social-list-v2 li a.color-facebook:hover {
    color: #3b5998; }
.xs-social-list.simple li a.color-twitter:hover, .simple.xs-social-list-v2 li a.color-twitter:hover {
    color: #1da1f2; }
.xs-social-list.simple li a.color-dribbble:hover, .simple.xs-social-list-v2 li a.color-dribbble:hover {
    color: #ea4c89; }
.xs-social-list.simple li a.color-pinterest:hover, .simple.xs-social-list-v2 li a.color-pinterest:hover {
    color: #bd081c; }
.xs-social-list.simple li a.color-instagram:hover, .simple.xs-social-list-v2 li a.color-instagram:hover {
    color: #e1306c; }
.xs-social-list.simple li a.color-linkedin:hover, .simple.xs-social-list-v2 li a.color-linkedin:hover {
    color: #dd5143; }
.xs-social-list.simple li:last-child, .simple.xs-social-list-v2 li:last-child {
    margin-right: 0; }*/


    .xs-social-list.simple li a.color-vk {
        color: #4c75a3;
    }
    .xs-social-list.simple li a.color-youtube {
        color: #cd201f;
    }
    .xs-social-list.simple li a.color-tumblr {
        color: #34465d;
    }
    .xs-social-list.simple li a.color-behance {
        color: #131418;
    }
    .xs-social-list.simple li a.color-google-plus {
        color: #dd4b39;
    }
    .xs-social-list.simple li a.color-xing {
        color: #026466;
    }
    .xs-social-list.simple li a.color-yelp {
        color: #af0606;
    }
    .xs-social-list.simple li a.color-vine {
        color: #00b489;
    }
.xs-social-list.boxed li, .boxed.xs-social-list-v2 li {
    width: 45%;
    margin-right: 10px;
    margin-bottom: 10px; }
.xs-social-list.boxed li a, .boxed.xs-social-list-v2 li a {
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #F1F1F1;
    color: #485E92;
    font-size: 0.85714em;
    height: auto;
    width: 100%;
    padding: 14px 0px;
    font-weight: 700;
    border-radius: 0%;
    line-height: normal; }
.xs-social-list.boxed li a:hover, .boxed.xs-social-list-v2 li a:hover {
    color: #FFFFFF; }
.xs-social-list.boxed li i, .boxed.xs-social-list-v2 li i {
    padding-right: 15px; }

.xs-social-list-v2 li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    background-color: transparent;
    font-size: 1em; }






.xs-footer-section {
    background-color: #262e3b;
    position: relative;
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/110.png"); }

.xs-footer-section .container {
    position: relative;
z-index:2;
}

.xs-footer-section:after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;


background: linear-gradient(to right, #363636, #151414);
background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


.xs-footer-top-layer {
padding-top: 20px;
padding-bottom: 20px;
margin-right: 10px;}



.xs-copyright {
padding: 15px 0;
border-top: 1px solid #ffffff1a;
text-align: center;
margin-top: 30px; }

.xs-footer-logo {
    display: inline-block;
 }


.xs-footer-logo img {

}

.footer-widget p {
    color: #FFFFFF;
    margin-bottom: 20px; }

.footer-widget .widget-title {
    margin-bottom: 20px;
    margin-top: 30px;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;

border-left: 3px solid;
padding-left: 15px; }

.xs-footer-list li {
    margin-bottom: 5px; }
.xs-footer-list li:last-child {
    margin-bottom: 0; }

.xs-footer-list a {
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
.xs-footer-list a:hover {
    color: #FFFFFF; }

.xs-copyright-text p {
    margin-bottom: 0;
    line-height: 1.5;
    color: #97b0ea; }
.xs-copyright-text p a {
    color: #FFFFFF; }

.xs-footer-menu {
    text-align: right;
    line-height: 1; }
.xs-footer-menu li {
    display: inline-block;
    margin-right: 36px;
float: left;
font-size: 14px; }


.xs-footer-menu li a {
    display: block;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }

.xs-footer-menu li a:hover {
    color: #c52d2f;; }




/* footer */
/* footer version 4 */
.footer-v4 {
position: relative;
background: linear-gradient(to right, #363636, #151414);
background: #232526;
background: -webkit-linear-gradient(to right, #414345, #232526);
background: linear-gradient(to right, #414345, #232526);
 }





.footer-v4 .xs-info-list i {

color:#fff;
text-align: center;
line-height: 25px;
border-radius: 50%;}


.footer-v4 .xs-info-list a {
    margin-top: 2px; 
    display: inline;
}

.footer-v4 .xs-info-list .color-1 {
    color: #; }
.footer-v4 .xs-info-list .color-2 {
    color: #2cc391; }
.footer-v4 .xs-info-list .color-3 {
    color: #f7a900; }
.footer-v4 .xs-footer-list li a {
    color: rgba(255, 255, 255, 0.5); }
.footer-v4 .xs-recent-post-widget .post-info {
    padding-top: 0;
    padding-bottom: 0; }
.footer-v4 .xs-recent-post-widget .post-info .comments-link i.color-1 {
    color: #2cc391; }
.footer-v4 .xs-recent-post-widget .post-info .comments-link i.color-2 {
    color: #9064bf; }
.footer-v4 .xs-recent-post-widget .post-info .comments-link i.color-3 {
    color: #f7a900; }

.footer-v4 .footer-widget p {
    margin-bottom: 15px;
font-size: 13px;
font-weight: normal;
font-weight: 300;



}


.footer-v4 .xs-social-list-v2 li a {
    width: 35px;
    height: 35px;
line-height: 34px;transition: all ease-in-out 0.5s;
    font-size: 0.92857em; }


/*
.footer-v4 .xs-social-list-v2 li a.color-linkedin {
    background-color: #0077b5; }*/
.footer-v4 .xs-copyright-text p {
    color: rgba(255, 255, 255, 0.7); 
    font-size: 13px;}

.footer-v4 .xs-social-list-v2 li a:hover {
transform: rotate(360deg);
}


/*
.footer-v4 .xs-copyright-text p a {
    color: rgba(226, 62, 87, 0.7); }
*/
.footer-v4 .xs-back-to-top-wraper {
    bottom: 80px; }
.footer-v4 .xs-back-to-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #377bbf; }

.xs-footer-section .xs-newsletter-form {
    height: 48px;
    margin-bottom: 30px; }
.xs-footer-section .xs-newsletter-form input:not([type=submit]) {
    border: 2px solid #cb3939;
    width: calc(100% - 135px);	
    background-color: transparent; }
.xs-footer-section .xs-newsletter-form input:not([type=submit])::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.5);
    font-size: 1em; }
.xs-footer-section .xs-newsletter-form input:not([type=submit])::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.5);
    font-size: 1em; }
.xs-footer-section .xs-newsletter-form input:not([type=submit]):-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.5);
    font-size: 1em; }
.xs-footer-section .xs-newsletter-form input:not([type=submit]):-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.5);
    font-size: 1em; }
.xs-footer-section .xs-newsletter-form [type=submit] {
    width: 115px;
    background-color: #fff;
    }


.xs-newsletter-form input:not([type="submit"]) {
    border-radius: 0px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    height: 100%;
    width: calc(100% - 224px);
    float: left;
    background-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 0;
    border-right: 0;
    padding-left: 28px;

}

.xs-footer-section .xs-newsletter-form input:not([type="submit"]) {
    border: 2px solid #fff;
    width: calc(100% - 135px);
    background-color: transparent;
}


#xs-newsletter-email {
    border-radius: 0;
    float: left;
    text-align: left;

}



.xs-newsletter-form [type="submit"] {
    height: 100%;
    width: 224px;
    background-color: #fff;
    border: 0;
    color: #333;
    font-size: 0.85714em;

    text-transform: uppercase;
    cursor: pointer;

    font-size: 15px;
}


.xs-footer-section .xs-newsletter-form [type="submit"] {
    width: 115px;
    background-color: #fff;


}

.xs-footer-section .xs-newsletter-form [type="submit"]:hover {

background-color: #c52d2f;
}




.footer-widget .menu li {
margin-bottom: 5px;
width: 50% !important;
float: right !important;
line-height: 30px !important; }


.footer-widget .menu li a {
font-size: 14px;
color: #fff;
text-transform: capitalize;
}


.footer-widget .menu li:hover a {
color:#c52d2f
}




.footer-v4 .xs-social-list-v2 li,
.footer-v3 .xs-social-list-v2 li{
    margin-top: 15px; }







#lhc_status_container {
display:none;
}


.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group input[type="tel"] {
outline: none !important;
box-shadow: none;
margin: 5px;
direction: ltr;}



/***********************/

#latest-news {
padding:60px 0;
}


#navigation ul.nav li.dropdown a:hover .dropdown-menu {

display: block !important; 
}





.ckeck-btn {
height:45px;
}




/*****************/
.per-year {
margin: 10px 0;
}

/* ===============================================
   8. Footer
------------------------*/
.footer{
    position: relative;
    z-index: 1;
background-image: url(../images/footer-bg.jpg) !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.footer-logo {
    margin-bottom: 25px;
}

.footer .widget .widget-title, .widget .widget-title { 
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 32px;
    position: relative;
    background-color: transparent;text-transform: capitalize;color:#fff;margin-top: 0;
}
.widget ul, .widget ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget ul.menu-footer-quick-links li {
    display: block;
    padding: 0 0 7px 0;
    font-size: 16px;
    position: relative;
}
.widget ul.menu-footer-quick-links li:last-child{
      padding: 0 0 4px 0;
}
.widget ul.menu-footer-quick-links li a {
    padding-left: 25px;
}
.widget ul.menu-footer-quick-links li a:before {
    position: absolute;
    content: "\f178";
    font-family: 'FontAwesome';
    top: 0;
    left: 0;
    color: inherit;
    font-size: 14px;
}
.footer .social-icons li>a {
    font-size: 19px;
}
.footer .social-icons li>a:hover{
   background-color: transparent;
}


/* first-footer */
.footer .first-footer {
    padding: 47px 0 35px;
}
/*
.first-footer .widget-area:not(:last-child) .widget:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    top: 0;
    right: 35px;
    background-color: rgba(255,255,255,.07);
}*/
.footer .first-footer .widget .widget-title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 5px;margin-top: 0;
}


.footer .first-footer .widget p {
margin:0;
color:#fff;
}
/* second-footer */
.second-footer .widget-area .widget{
    padding: 40px 0 20px;
}

/** widget_contact_wrapper **/
.second-footer .widget_contact_wrapper li{
    padding-left: 35px;
    position: relative;
    padding-bottom: 15px;
}
.second-footer .widget_contact_wrapper li i{
    position: absolute;
    left: 0;
    top: 6px;
    line-height: 1;
    width: 1em;
    text-align: center;
    font-size: inherit;
}

.second-footer .container {
border-top: 1px solid #fff3;
}

/** images-gellary **/
.images-gellary ul {
    display: inline-table;
}
.images-gellary ul li {
    display: inline-block;
    max-width: 33.33%;
    padding: 0 1.1400652% 2.2801304%;
    text-align: center;
    vertical-align: top;
    margin: 0;
    float: left;
}
.widget ul#menu-footer-quick-links li {
    padding: 0 10px 0 0;
    position: relative;
}
.widget ul#menu-footer-quick-links li:last-child{
    padding:0;
}
.widget ul#menu-footer-quick-links li a{
  padding-left: 25px;
}

/** menu-footer-services **/
.widget ul#menu-footer-services li a{
    padding-left: 18px;
    display: inline-block;color:#fff;
}
.widget ul#menu-footer-services li a:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f105";
    top: -2px;
    right: auto;left:0;
}
.widget ul#menu-footer-services li {
display: block;
padding: 0 0 15px 0;
position: relative;
width: 50%;
float: right;margin: 0;
}
.widget ul#menu-footer-services li:last-child{padding:0}

/** copyright **/
.copyright {
    padding-top: 18px;
    padding-bottom: 18px;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #fff;border-top: 1px solid #fff3;
}




/* ===============================================
    17.Wrap-Form
------------------------*/
.wrap-form label{
    width: 100%;
    margin: 0;
}
.wrap-form span.text-input {
    margin-bottom: 20px;
    display: block;
    position: relative;
}
.wrap-form span.text-input > i {
    position: absolute;
    left: 10px;
    top: 16px;
    opacity: .9;
    font-size: 14px;
    z-index: 1;
}
.wrap-form:not(.appoinment_form) .row { margin: 0 -15px; }
.wrap-form:not(.appoinment_form) .row > [class*='col-'] { padding: 0 10px; }

/* newsletter-form */
.newsletter-form .mailchimp-inputbox {
    position: relative;
    overflow: hidden;
}
.newsletter-form h3{
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 30px;
}
.newsletter-form input[type="email"] {
    border: 1px solid rgba(255,255,255,.04);
    width: 100%;
    height: 60px;
    padding-right: 70px;
    padding-left: 15px;
    outline: none;
    border-radius: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.newsletter-form button[type="submit"], .newsletter-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    border-radius: 0;
    height: 60px;
    width: 55px;
    background-color: #c52d2f;color:#fff;
    border-radius:0 6px 6px 0;
}
.newsletter-form button[type="submit"] i{
    font-size:22px;
}

/* appoinment_form */
.wrap-form.appoinment_form span.text-input i {
    position: absolute;
    right: 25px;
    left: auto;
    top: 18.8px;
    opacity: .9;
    font-size: 13px;
    line-height: 18px;
    z-index: 1;
    color: #333333;
}
.wrap-form.appoinment_form span.text-input {
    margin: 0 5px;
    margin-bottom: 10px;
}
.wrap-form.appoinment_form span.text-input input, 
.wrap-form.appoinment_form span.text-input textarea,
.wrap-form.appoinment_form span.text-input select {
    border-radius: 50px;
    padding: 12px 25px;
    padding-right: 40px;
}
.wrap-form.appoinment_form button[type="submit"] { 
    font-size: 15px;
    padding: 14px 28px;
    margin: 0 5px;
    margin-top: 20px;
}
.wrap-form.appoinment_form span.text-input select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #888888;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 28px) calc(1em + 10px), calc(100% - 23px) calc(1em + 10px), calc(100% - 3.5em) 2.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}


/* contactform */
.wrap-form.contact_form_1 span.text-input i {
    position: absolute;
    left: 20px;
    top: 17px;
    opacity: .9;
    font-size: 16px;
    z-index: 1;
}
.wrap-form.contact_form_1 span.text-input input, 
.wrap-form.contact_form_1 span.text-input textarea,
.wrap-form.contact_form_1 span.text-input select {
    border-radius: 6px;
    color: rgba(0,0,0,.60);
    padding-left: 45px;
    border: 1px solid rgba(119,119,119,.2);
}
.wrap-form span.text-input select {
    padding-left: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    letter-spacing: 0;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 22px) calc(1em + 7px), calc(100% - 17px) calc(1em + 7px), calc(100% - 3.5em) 2.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}
.cmt-bgcolor-grey .wrap-form.contact_form_1 span.text-input input, 
.cmt-bgcolor-grey .wrap-form.contact_form_1 span.text-input textarea,
.cmt-bgcolor-grey .wrap-form.contact_form_1 span.text-input select{
    background-color: #fff;
}

.cmt-bgcolor-skincolor .wrap-form.contact_form_1 span.text-input input, 
.cmt-bgcolor-skincolor .wrap-form.contact_form_1 span.text-input textarea,
.cmt-bgcolor-skincolor .wrap-form.contact_form_1 span.text-input select{
    background-color: transparent;
    border: 0;
    color: #fff;
    padding-left: 0;
    border-bottom: 2px solid rgba(255,255,255,.12);
}
.cmt-bgcolor-skincolor .wrap-form.contact_form_1 span.text-input input::-webkit-input-placeholder, 
.cmt-bgcolor-skincolor .wrap-form.contact_form_1 span.text-input textarea::-webkit-input-placeholder,
.cmt-bgcolor-skincolor .wrap-form.contact_form_1 span.text-input select::-webkit-input-placeholder {
    color: #fff;
}

.wrap-form.contact_form_2 span.text-input input,
.wrap-form.contact_form_2 span.text-input textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    padding-left: 0;
    padding-right: 5px;
    letter-spacing: .5px;
}
.wrap-form.contact_form_2 span.text-input { margin-bottom: 25px; }

.wrap-form.contact_form_3 span.text-input input,
.wrap-form.contact_form_3 span.text-input textarea {
    border-radius: 6px;
    background-color: #f7f7f7;
    border: 1px solid transparent;
    padding-left: 30px;
}



footer .featured-desc p {
float:right;
}



footer .featured-desc h3 {
float: right;
margin: 0 0 0 10px;
font-size: 16px;
color: #fff;
font-weight: normal;
}


.reds {
color:#5231b2
}




.textwidget {
color:#fff;
}

/* ===============================================
    11.featured-icon-box ( only contents )
------------------------*/
.featured-icon-box { position: relative; margin: 30px 0; }
.featured-icon-box .cmt-icon{ margin-bottom: 0; }
.featured-title h3{ font-size: 18px; line-height: 30px; margin-bottom: 5px; font-weight: 700;}

.featured-icon-box.icon-align-before-content .featured-icon,
.featured-icon-box.icon-align-before-content .featured-content,
.featured-icon-box.icon-align-before-title .featured-title,
.featured-icon-box.icon-align-before-title .featured-icon {
    display: table-cell;
    vertical-align: middle;
}
.featured-icon-box.icon-align-before-content .featured-icon i { display: inline-block; vertical-align: middle;margin-left: 13px; }
.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {
    vertical-align: top;
    padding-top: 0px;
}
.featured-icon-box.icon-align-before-content .featured-content, 
.featured-icon-box.icon-align-before-title .featured-title{ padding-left: 15px; }
.featured-icon-box.icon-align-before-content .featured-title h3 { margin-bottom: 8px; }
.featured-icon-box.icon-align-before-title .featured-title h3{ margin-bottom: 0; }
.featured-icon-box.icon-align-before-content .featured-content .featured-desc p{ 
    margin-bottom: 0;
}
.featured-icon-box.icon-align-before-title .featured-content{ margin-top: 20px; }
.featured-icon-box.icon-align-top-content .featured-content { padding-top: 20px; }

.container{ counter-reset: featuredbox-number; }
.featuredbox-number .cmt-num:before{ 
    counter-increment: featuredbox-number; 
    content: counter(featuredbox-number, decimal-leading-zero) " " ; 
}

.featured-icon-box .featured-icon.icon-with-bg-shape i { 
    font-size: 55px; 
}
.featured-icon-box .featured-icon.icon-with-bg-shape { 
    position: relative;
    padding-top: 15px;
}
.featured-icon-box .featured-icon.icon-with-bg-shape .cmt-icon:after {
    content: "";
    top: -35px;
    left: -10px;
    width: 109px;
    height: 104px;
    position: absolute;
    z-index: -1;
    -webkit-mask-box-image: url(../images/pattern.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #f2f2f2;
}
.cmt-bgcolor-grey .featured-icon-box .featured-icon.icon-with-bg-shape .cmt-icon:after{
    background-color: #ededed;
}




footer .featured-desc p { 

height: auto;
}


.abt-faeat .owl-stage {

}


.abt-faeat .featured-item {
background: #fbfbfb !important;

}




.menu-toggler svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 60px;
    margin-top: -2px;
    margin-left: -2px;
    cursor: pointer;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.menu-toggler svg path {
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    fill: none;
    stroke: #fff;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 30px;
}

.menu-toggler svg path#top,
.menu-toggler svg path#bottom {
    stroke-dasharray: 240px 950px;
}

.menu-toggler svg path#middle {
    stroke-dasharray: 240px 240px;
}

.menu-toggler.close svg path#top,
.menu-toggler.close svg path#bottom {
    stroke-dasharray: -650px;
    stroke-dashoffset: -650px;
}

.menu-toggler.close svg path#middle {
    stroke-dasharray: 1px 220px;
    stroke-dashoffset: -115px;
}






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

.footer-widget {

    display: inline-block;

}
.second-footer .widget-area .widget {
padding: 10px 0 10px;
}


.navbar-inverse .navbar-collapse {
position: absolute;
width: 100%;
top: 100%;
}




.serv-cse .section-title h2,
.section-heading .section-title,
#myCarousel h1 {
font-size: 20px;
}


#navigation ul.nav li.dropdown span.fa.fa-angle-down {
position: absolute;
right: 10px;
}
.index-blog .intro {
padding-right: 0px;
padding-left: 0px;
}


.header-top-two {

}

.header-top-two li.language a {
margin: 5px 0;
display: block;
}

.header-top-two .top-right ul li,
.header-top-two .top-left{
	float:none !important;
text-align: center !important;
}

.header-top-two .top-right{
	float:none;
display: inline-block;
width: 100%;
text-align: center;
} 




    .header-top-two .top-left ul li { width: 100%; text-align: center;}
}