/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { }
html, button, input, select, textarea {  color: #222; }
body { margin: 0; font-size: 1em;   font-family:Arial, Helvetica, sans-serif;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection {background: #32d8cb; color: #fff;text-shadow: none;}

a {  }
a:visited {  }
a:hover {  }
a:focus { outline:none; }
a:hover, a:active { outline: 0; }
abbr[title] { }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp {  }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: 31px; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* =============================================================================
   Author Style Start
   ========================================================================== */
*{padding:0; margin:0}
body{background:#fff; font-family: 'Lato', sans-serif; font-weight:400; overflow-x:hidden !important}
input, select, textarea{font-family: 'Lato', sans-serif; font-weight:400; }
h1, h2{font-family: 'Montserrat', sans-serif; font-weight: 400}
h3,h4, h5{font-family: 'Lato', sans-serif; font-weight:400;}
a{text-decoration:none}
li{}   
.inner-wrapper li{list-style-type: none;}
header li{list-style-type: none;}
footer li{list-style-type: none;}
.home-wrapper li{list-style-type: none;}
.trans{transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
header{width: 100%; height: 100px; background: url(../images/header.png) top center repeat; position: absolute;z-index: 1000; top: 0; opacity: 1}
header .container{width: 100%; height: auto; max-width: 1180px; margin: auto; }
header .logo{width: 179px; height: auto; float: left; background: #fff; margin-top: 30px}
header .logo img{width: 100%}   
header .right{width: 100%; max-width: 940px; height: 100px; float: right; position: relative; }
header .shape1{width: 150px; height: 158px; float: left; top: -69px; overflow: hidden; position: relative; margin: 12px 0 0 81px; background: #49e2d6; transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
header .shape1:hover{background: #4b4b4b}
header .shape1 .cnt-tag{width: 100%; height: 120px; background: url(../images/i-1.png) 79px 60px no-repeat;  position: absolute; z-index: 10; left: -46px; bottom: -19px}

.diamond {
  /* Rotate */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Rotate Origin */
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%; }
  .diamond .cnt-tag {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    padding-left: 35px; }
  .diamond .cnt-tag2 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
     }

  .diamond .cnt-tag3 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
     }


header .sec2{width: 100%; max-width: 670px; height: auto; float: left; padding-top: 40px}
header nav{width: auto; height: auto; float: left;}
header .fb{width: 10px; height: 15px; float: right; background: url(../images/fb.png) center center no-repeat}
header nav li{width: auto; height: auto; float: left; font-weight: 700; margin-right: 65px; font-size: 14px; line-height: 14px; color: #fff; text-transform: uppercase;}
header nav li a{color: #fff; transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
header nav li a:hover{color: #49e2d6}
header nav .fst{display: none;}
.srch{width:23px; height:30px; background: url(../images/srch-icon.png) no-repeat 0 6px; transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-out;  position:absolute; z-index:99999; cursor:pointer; right:0; top: 30px }
.srchclose{display:none; width:30px; height:30px; position:absolute; right:0; top:2px; background:#49e2d6 url(../images/close.png) center center no-repeat; z-index:9999; cursor:pointer; color:#636363;}
.srchclose:hover{ background:#40bdb3 url(../images/close.png) center center no-repeat;}
.srchopen{height:100%; width:79px; position:absolute; left:0; top:0;}
.srch.srchfull {width: 260px;}
.searchfield{height:30px; position:absolute; right:0px; top:2px; width:0px;  border:none;}
.srch.srchfull .searchfield{width:85%; padding: 0 2%;  border:none; background: #49e2d6; color: #fff; border: solid 5px #45cdc2; outline: none;}
.srch.srchfull .srchclose,.srch.srchfull .searchfield{display:block; border:none}
.main-banner{width: 1330px; height: 900px; overflow: hidden; position: absolute; z-index: 10; color: #ffff; right: -380px; top: 0;}
.flexslider{width: 100%; height: 100%;}
.flexslider img{width: 100%;  z-index: 100}
.home-wrapper .navsld .d2{width: 90px; height: 75px; padding-top: 45px; padding-left: 30px; background: url(../images/shape-2.png) center center no-repeat; margin-left: 5px}
.home-wrapper .navsld{display:none;width: 120px; height: 120px; z-index: 30; position: absolute; top: 501px; left: 807px; background: url(../images/shape-1.png) center center no-repeat}
.home-wrapper .navdot{width: 22px; height: auto; z-index: 30; position: absolute; top: 200px; right: 0}
.home-wrapper .navsld .flex-prev{ float: left; width: 20px; height: 20px; background: url(../images/nav-lft.jpg) center center no-repeat; font-size: 0; line-height: 0}
.home-wrapper .navsld .flex-next{float: left; width: 20px; height: 20px; margin-left: 15px; margin-top: 15px;  background: url(../images/nav-rht.jpg) center center no-repeat; font-size: 0; line-height: 0}
.home-wrapper{width: 100%; height: auto; clear: both; position: relative; top: 0; z-index: 5; font-weight: 300  }
.home-wrapper .container{width: 100%; height: auto; max-width: 1180px; margin: auto; position: relative; background: #fff }
.home-wrapper .sec1{width: 100%; height: auto; position: relative; z-index: 15;}
.home-wrapper .shape-1{width: 900px; height: 910px; background: #fff; position: absolute; position: absolute; z-index: 11; top: 0; left: -224px}
.home-wrapper .shape-2{width: 591px; height: 1167px; background: #000; position: absolute; z-index: 2; top: 180px; left: -490px;  background: url(../images/p-1.png) 0 0 no-repeat}
.home-wrapper .shape-3{width: 612px; height: 1203px; background: #000; position: absolute; z-index: 3; top: 190px; left: -500px;  background: url(../images/p-2.png) 0 0 no-repeat}
.home-wrapper .shape-4{width: 675px; height: 903px; background: #000; position: absolute; z-index: 21; top: -15px; right: -380px;  background: url(../images/p-3.png) 0 0 no-repeat}
.home-wrapper .shape-5{width: 675px; height: 903px; background: #000; position: absolute; z-index: 20; top: 0; right: -365px;  background: url(../images/p-4.png) 0 0 no-repeat}
.home-wrapper .shape-6{position: absolute; z-index: 12; left: 0; bottom: 115px}
.home-wrapper .shape-7{position: absolute; z-index: 11; left: 20px; bottom: 125px}
.parallelogram {-webkit-transform: skew(45deg); -moz-transform: skew(45deg); -o-transform: skew(45deg);}
.home-wrapper .shape-8{width: 336px; height: 112px; background: url(../images/p-5.jpg) 0 0; position: absolute; z-index: 12; bottom: 4px; right: 0}     
.home-wrapper .sec1 .container{height: 1047px;}
.home-wrapper .shape-9{position: absolute; z-index: 19; bottom: 147px; right: -381px; }
.tright2 {width: 0; height: 0; border-bottom: 438px solid #fff; border-left: 438px solid transparent;}
.home-wrapper .shape-10{width: 292px; height: 182px; background: url(../images/p-5.png)0 0; position: absolute; z-index: 11; left: 95px; top: 572px}
.home-wrapper .contentsec1{width: 455px; height: 555px; padding-top: 100px; position: absolute; z-index: 12; margin-top: 100px;}
.home-wrapper .contentsec1 h1{width: 100%; font-size: 50px; line-height: 50px; color: #49e2d6; text-transform: uppercase;}
.home-wrapper .contentsec1 h2{width: 100%; height: auto; clear: both; font-size: 50px; line-height: 50px; color: #4b4b4b; }
.home-wrapper .contentsec1 .btn{width: 220px; height: 58px; color: #fff; display: block; background: #49e2d6;  font-size: 16px; line-height: 58px; text-align: center; font-family: 'Montserrat', sans-serif; 
-webkit-box-shadow: 4px 4px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         4px 4px 0px 0px rgba(32, 207, 193, 0.75);}
.home-wrapper .contentsec1 .btn:hover{background: #44cdc2; -webkit-box-shadow: 7px 7px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    7px 7px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         7px 7px 0px 0px rgba(32, 207, 193, 0.75);}
.tbx::-webkit-input-placeholder{color: #fff; opacity: 1 !important}
.tbx2::-webkit-input-placeholder{color: #4b4b4b; opacity: 1 !important}



.home-wrapper .contentsec1 p{line-height: 30px; margin: 20px 0 30px 0; color: #9a9a9a; font-weight: 300}
.home-wrapper .contentsec2{width: 580px; height: auto;  position: absolute; z-index: 12; bottom: 200px; left: 259px; text-align: center;}
.home-wrapper .contentsec2 h2{width: 100%; height: auto; font-size: 35px; line-height: 35px; color: #4b4b4b}
.home-wrapper .contentsec2 h3{width: 100%; height: auto; clear: both; font-size: 23px; line-height: 23px; color: #49e2d6; text-transform: uppercase; margin-top: 20px}
.home-wrapper .contentsec2 p{font-weight: 300}
.d1{

  /* Rotate */
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);

}    
.triangle-up {
    width: 0;
    height: 0;
    border-left: 540px solid transparent;
    border-right: 570px solid transparent;
    border-bottom: 585px solid #f4f4f4;
}
.triangle-up2 {
    width: 0;
    height: 0;
    border-left: 540px solid transparent;
    border-right: 550px solid transparent;
    border-bottom: 565px solid #49e2d6;
}
.home-wrapper .sec2{width: 100%; height: auto; clear: both; padding: 70px 0; display: inline-block;}
.home-wrapper .sec2 .t1{width: 100%; height: auto; clear: both; text-align: center;}
.home-wrapper .sec2 .t1 h2{width: 100%; height: auto; font-size: 35px; line-height: 35px; color: #4b4b4b}
.bdr{width: 83px; height: 8px; background: url(../images/bdr.png) 0 0; display: block; margin: 5px auto }
.home-wrapper p{width: 100%; height: auto; clear: both; font-size: 18px; line-height: 26px; color: #696969; margin-top: 20px}
.home-wrapper .sec2 .t1 .container{max-width: 480px}
.home-wrapper .sec2 .t2{width: 100%; height: auto; clear: both; padding: 50px 0; display: inline-block;}
.home-wrapper .sec2 .t2 li{width: 30%; height: auto; float: left; text-align: center;}
.home-wrapper .sec2 .t2 .mdl{margin: 0 5%}
.home-wrapper .sec2 .t2 li .d1{width: 130px; height: 130px; position: relative; margin-top: 65px; text-align: center; display: inline-block; background: #4b4b4b; transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s; margin-left: 40%}
.home-wrapper .sec2 .t2 li .d1 .cnt-tag{width: 66px; position: absolute; z-index: 10; height: 75px; display: block; padding: 0; margin: 22% 0 0 24%}
.home-wrapper .sec2 .t2 li .d2{width: 130px; height: 130px; position: absolute; z-index: 5; left: -10px; top: -10px; text-align: center; display: inline-block; border: solid 2px #2eaaa0; transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s ease-out 0s;-webkit-transition: all 0.6s ease-out 0s;-o-transition: all 0.6s ease-out 0s; }
.home-wrapper .sec2 .t2 li:hover .cnt-tag2 {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); border: solid 2px #000;
     }
.home-wrapper .sec2 .t2 li:hover .d1{background: #143d3a}
.home-wrapper .sec2 .t2 li .i1{background: url(../images/i-2.png) center center no-repeat}
.home-wrapper .sec2 .t2 li .i2{background: url(../images/1-3.png) center center no-repeat}
.home-wrapper .sec2 .t2 li .i3{background: url(../images/1-4.png) center center no-repeat}
.home-wrapper .sec2 .t2 h2{width: 100%; height: auto; clear: both; display: block; font-size: 18px; line-height: 18px; color: #32d8cb; text-transform: uppercase; margin-top: 20px}
footer{width: 100%; height: 1248px; position: relative; z-index: 5; clear: both; background: url(../images/bg-1.jpg) center center; clear: both; background-attachment: fixed; top: 0}
footer .container{width: 100%; height: 1248px; max-width: 1180px; margin: auto; position: relative; }
footer .sahpe1{ position: absolute; z-index: 5; margin-left: -385px}
.triangle-down {width: 0; height: 0; border-left: 1000px solid transparent; border-right: 1000px solid transparent; border-top: 900px solid #f4f4f4;
}
.tright {width: 0; height: 0; border-bottom: 1248px solid #4b4b4b; border-left: 1386px solid transparent;}
footer .sahpe2{ position: absolute; z-index: 6; right: -435px; bottom:0;} 
footer .cnt-tag{width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 20}
footer .sec1{width: 100%; height: auto; padding: 95px 0; display: inline-block; text-align: center;}
footer .sec1 h2{width: 100%; font-size: 35px; line-height: 35px; color: #4b4b4b}
footer .sec1 .gallery{width: 100%; max-width: 825px; height: auto; clear: both;  margin: 50px auto 0 auto}
footer .sec1 .gallery p{font-weight: 300}
footer .sec1 .gallery .pic{width: 90px; height: 90px; display: inline-block; }
footer .sec1 .gallery .pic img{width: 90px; height: 90px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
footer p{width: 100%; height: auto; clear: both; font-size: 18px; line-height: 26px; color: #696969; margin: 15px 0}
footer .sec1 .gallery .txt2{width: 100%; height: auto; clear: both; display: inline-block; font-size: 21px; line-height: 22px; color: #19cec0}
footer .sec1 .gallery .client{width: 100%; height: auto; clear: both; display: inline-block; font-size: 18px; line-height: 20px; color: #4b4b4b; margin-top: 20px}
footer .sec2{width: 100%; height: auto; clear: both; margin-top: 30px}
footer .sec2{}

footer .sec2 h2 {
  position: relative;
  text-align: center;
  font-size: 30px; line-height: 30px; color: #4b4b4b
}

footer .sec2 h2 span {
  padding: 0 15px;
  position: relative;
  z-index: 1;
  background: #f4f4f4
}

footer .sec2 h2:before {
  background: #49e2d6;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
    top: 50%;
  width: 100%;
}
footer .sec2 h2:before {
  left: 0;
}
footer .sec2 .content{width: 99.7%; height: 140px; padding: 15px 0; margin-top: -14px; border-left: solid 2px #49e2d6; border-right: solid 2px #49e2d6; border-bottom: solid 2px #49e2d6;}
footer .sec2 h3{width: 100%; height: auto; clear: both; text-align: center; font-size: 20px; line-height: 24px; color: #33ccc0; font-style: italic; font-weight: 700; margin-top: 5px}
footer .sec2 .formsec{width: 90%; height: auto; padding: 10px 5%}
footer .sec2 .formsec li{width: 30%; height: auto; float: left;}
footer .sec2 .formsec .mdl{margin: 0 5%}
footer .sec2 .formsec .tbx{width: 83%; padding-left: 7%; font-family: 'Lato', sans-serif; font-weight:400; height: 33px; padding-bottom: 8px; font-weight: 300; background: url(../images/cicon-1.png)  0 10px no-repeat; outline: none;border: none; border-bottom: solid 1px #49e2d6; font-size: 16px !important; color: #fff; font-style: italic; }
.tbx:focus {color: #fff; opacity: 1 }
footer .sec2 .formsec .tbx2{width: 83%; padding-left: 7%; font-family: 'Lato', sans-serif; font-weight:400; height: 33px; font-weight: 300; padding-bottom: 8px; background: url(../images/cicon-2.png)  0 12px no-repeat; outline: none;border: none;  font-size: 16px !important; color: #4b4b4b; font-style: italic; border-bottom: solid 1px #4b4b4b;}
footer .sec2 .btn{width: 220px; height: 58px; border: none; outline: none; color: #fff; display: block; background: #49e2d6; float: right; font-size: 16px; line-height: 58px; text-align: center; font-family: 'Montserrat', sans-serif; 
-webkit-box-shadow: 4px 4px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         4px 4px 0px 0px rgba(32, 207, 193, 0.75);}
footer .sec2 .btn:hover{background: #44cdc2; -webkit-box-shadow: 7px 7px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    7px 7px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         7px 7px 0px 0px rgba(32, 207, 193, 0.75);}
.tbx::-webkit-input-placeholder{color: #fff; opacity: 1}
.tbx2::-webkit-input-placeholder{color: #4b4b4b; opacity: 1}
footer a{transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
footer .sec3{width: 100%; height: auto; clear: both; padding: 50px 0 30px 0; border-bottom: solid 1px #5d5d5d;}
footer .sec3 .left{width: 50%; height: auto; float: left;}
footer .sec3 .right{width: 50%; height: auto; float: right; max-width: 465px}
footer .sec3 .left .logo{width: 179px; margin-top: 100px}
footer .sec3 .right .tag{width: 100%; height: auto; padding: 15px 0}
footer .sec3 .right .tag span{color: #fff !important}
footer .sec3 .right .tag  a{color: #fff}
#u_0_3{color: #fff !important}
footer .sec3 .right .tag .icon{width: 15%; height: auto; float: left;}
footer .sec3 .right .tag .detail{width: 85%; height: auto; padding-top: 10px; float: right;}
footer .sec3 .right .tag .icon img{width: 100%; max-width: 59px}
footer .sec3 .right .tag .detail .t1{width: 100%; height: auto; font-size: 14px; line-height: 16px; color: #49e2d6}
footer .sec3 .right .tag .detail .t2{width: 100%; height: auto; clear: both; font-size: 11px; line-height: 12px; color: #fff; margin-top: 5px}
footer .sec3 .right .border{border-bottom: solid 1px #5d5d5d;}
footer .sec3 .right .tag2{width: 100%; height: auto; clear: both; padding: 10px 0; font-weight: 300; font-size: 18px; line-height: 22px; color: #b6b5b5}
footer .sec3 .right .tag2 p{margin: 0 !important; color: #bdbdbd !important}
footer .sec3 .right .tag2 a{color: #bdbdbd}
footer .sec3 .right .tag2 a:hover{color: #49e2d6}
footer .sec3 .right .tag3{width: 100%; height: auto; clear: both; font-size: 18px; line-height: 18px; color: #49e2d6; font-weight: 300}
footer .sec3 .right .tag3 a{color: #49e2d6}
footer .sec3 .right .tag3 a:hover{color: #fff}
footer .sec4{width: 100%; height: auto; clear: both; padding-top: 40px}
footer .sec4 .left{width: 30%; height: auto; float: left; font-size: 14px; line-height: 14px; color: #fff; text-transform: uppercase;}
footer .sec4 .right{width: 70%; height: auto; float: left;}
footer .sec4 .right li{width: auto; height: auto; float: left; margin-right: 25px; font-size: 14px; line-height: 14px; color: #acacac; text-transform: uppercase;}
footer .sec4 .right li a{color: #acacac;}
footer .sec4 .right li a:hover{color: #fff}
.fulldiamond1{position: absolute; left: -180px; top: 200px; z-index: 1; width: 200px; height: 200px; background: #49e2d6}
.fulldiamond2{display:none;position: absolute; left: -300px; top: 600px; z-index: 1; width: 600px; height: 600px; background: #fc8bd5}
.fulldiamond3{position: absolute; left: -300px; top: 1500px; z-index: 1; width: 400px; height: 400px; background: #4b4b4b}
.fulldiamond4{position: absolute; right: -950px; top: 592px; z-index: 11; width: 800px; height: 800px; background: #78e3db}
.fulldiamond5{display:none;position: absolute; right: -800px; top: 1630px; z-index: 1; width: 800px; height: 800px; background: #f872b9}
/***=preloader==========**/
#preloader {position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; /* change if the mask should have another color then white */ z-index:999999999; /* makes sure it stays on top */}

#status {width: 88px; height: 110px; position:absolute; left:50%; margin-left:-18px;background-size: contain; margin-top: -24px; /* centers the loading animation horizontally one the screen */ top:50%; /* centers the loading animation vertically one the screen */ background-image:url(../images/loading-1.gif);/* path to your loading animation */ background-repeat:no-repeat; background-position:center; z-index:999999999  /* is width and height divided by two */}
#get-popup{ display:none; font-family: 'Lato', sans-serif; font-weight:400; }
.pop-close {content: ""; width: 55px;  height: 55px;  background:#49e2d6 url(../images/close-pop.png) center center no-repeat; position: absolute; top: -55px; right: 0; cursor:pointer   }
.pop-cnt{width:100%; height:auto; background:#e4e6eb}
.pop-cnt .c1{width:300px; height:auto; margin:10px; background:#FFF; padding: 30px}
.pop-cnt .c1 li{width: 100%; height: auto; clear: both; display: inline-block; padding: 5px 0}
.pop-close:hover{background:#3bc2b7 url(../images/close-pop.png) center center no-repeat} 
.pop-cnt .tbx3{width: 96%; padding: 0 2%;  font-family: 'Lato', sans-serif; font-weight:400; height: 45px; background: #fff; font-size: 14px; color: #000; outline: none; border: solid 1px #e9e9e9;}
.pop-cnt label{width: 100%; height: auto; display: inline-block; padding: 5px 0; font-size: 13px; line-height: 13px; color: red}
.tbx3::-webkit-input-placeholder{color: #000; opacity: 1}
.tarea2::-webkit-input-placeholder{color: #000; opacity: 1}
.pop-cnt .tarea2{width: 96%; padding: 10px 2%;  font-family: 'Lato', sans-serif; font-weight:400; height: 50px; background: #fff; font-size: 14px; line-height: 16px color: #000; outline: none; border: solid 1px #e9e9e9;}
.button-primary{width: auto; height: auto; display: block; font-size: 14px; color: #fff; text-transform: uppercase; background: #49e2d6; padding: 3px 15px; border: none; outline: none;}
.button-primary:hover{background: #3bc2b7}
.pop-cnt{font-family: 'brandon_grotesque_regularRg'; font-size: 18px; line-height: 18px; color: #666666 }
.pop-cnt input[type="checkbox"], input[type="radio"]{width: auto !important; height: auto !important; margin-right: 5px}
.pop-cnt p{width: 100%; height: auto; clear: both; display: inline-block; margin-bottom: 10px}
.pop-cnt .login-remember{margin-top: 10px}
.pop-cnt a{color: #666666 }
.pop-cnt a:hover{color: #3caeda}
.inner-banner{width: 100%; height: 618px; overflow: hidden;}
.inner-banner .container{width: 100%; max-width: 1180px; height: 618px; position: relative; margin: auto}
.inner-banner .shape-1{width: 900px; height: 910px; background: #fff; position: absolute; position: absolute; z-index: 11; top: 0; left: -224px}
.inner-banner .shape-2{width: 900px; height: 910px; background: #fff; position: absolute; position: absolute; z-index: 11; top: 0; right: -520px}
.inner-banner .shape-3{width: 350px; height: 350px; background: #fff; border: solid 1px #49e2d6; position: absolute; z-index: 12; bottom: -270px; left: 570px}
.inner-banner .contentsec1{width: 455px; height: auto; padding-top: 80px; position: absolute; z-index: 12; margin-top: 100px;}
.inner-banner .contentsec1 h1{width: 100%; font-size: 50px; line-height: 50px; color: #717171;}
.inner-banner .contentsec1 h2{width: 100%; height: auto; clear: both; font-size: 20px; line-height: 26px; color: #49e2d6; font-style: italic; font-family: 'Lato', sans-serif; font-weight:400; text-transform: uppercase; margin: 20px 0 15px 0 }
.inner-banner .contentsec1 .btn{width: 220px; height: 58px; color: #fff; display: block; background: #49e2d6;  font-size: 16px; line-height: 58px; text-align: center; font-family: 'Montserrat', sans-serif; 
-webkit-box-shadow: 4px 4px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         4px 4px 0px 0px rgba(32, 207, 193, 0.75);}
.inner-banner .contentsec1 .btn:hover{background: #44cdc2; -webkit-box-shadow: 7px 7px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    7px 7px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         7px 7px 0px 0px rgba(32, 207, 193, 0.75);}
.inner-banner .contentsec1 p{margin-bottom: 20px; color: #717171; font-weight: 400; font-size:18px; line-height: 28px; }
.inner-banner .banner{width: 965px; height: 530px; background: #4b4b4b; overflow: hidden; position: absolute; z-index: 10; color: #ffff; right: -83px; top: 0;}
.inner-banner .banner img{width: 100%}
.parallelogram2 {-webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -o-transform: skew(-45deg);}
.inner-wrapper{width: 100%; height: auto; clear: both;}
.inner-wrapper .container{width: 100%; height: auto; max-width: 1180px; margin: auto}
.inner-wrapper p{width: 100%; height: auto; clear: both;font-family: 'Lato', sans-serif; font-size: 18px; line-height: 30px; color: #717171; margin-top:15px; font-weight: 300}
.inner-wrapper .about-sec{width: 100%; height: auto; clear: both;}
.inner-wrapper .about-sec .sec1{width: 100%; height: auto; min-height: 740px; background:#f4f4f4 url(../images/pic1.jpg) -210px bottom no-repeat no-repeat}
.inner-wrapper .about-sec .sec1 .cnt{width: 100%; max-width: 560px;  background:url(../images/i-4.png) 0 85px no-repeat; padding-left: 220px; height: auto; float: right; padding-top: 80px}
.inner-wrapper h2{width: 100%; height: auto; font-size: 36px; line-height: 37px; color: #32d8cb; text-transform: uppercase;}
.inner-wrapper .sub-contaent{width: 100%; height: auto; clear: both; display: inline-block; margin-top: 15px; font-size: 18px; line-height: 24px; color: #4b4b4b; font-weight: 700; font-style: italic;}
.inner-wrapper .about-sec .sec2{width: 100%; height: auto; clear: both; padding-top: 100px; background: #fff}
.inner-wrapper .about-sec .sec2 .left{padding-bottom:40px;width: 50%; padding-left: 20%; background:url(../images/i-5.png) 0 0 no-repeat; height: auto; float: left;}
.inner-wrapper .about-sec .sec2 .right{width: 28%; height: auto; float: right;}
.inner-wrapper .about-sec .sec2 .right img{width: auto; max-width: 100%; float: right;}
.inner-wrapper .service-sec{width: 100%; height: auto; clear: both;}
.inner-wrapper .service-sec .sec1{width: 100%; height: auto; clear: both; background: #f4f4f4; padding-top: 40px}
.inner-wrapper .service-sec .sec2{width: 100%; height: auto; clear: both; background: #d9f7f5; padding-top: 40px}
.inner-wrapper .service-sec .sec3{width: 100%; height: auto; clear: both; background: #4b4b4b; padding-top: 40px}
.inner-wrapper .service-sec .left{width: 40%; height: auto; float: left;}
.inner-wrapper .service-sec .right{width: 60%; height: auto; float: left;}
.inner-wrapper .service-sec .pic{width: 100%; height: auto; text-align: center;}
.inner-wrapper .service-sec .pic img{width: auto; max-width: 100%; display: inline-block;}
.inner-wrapper .service-sec .cnt{width: 70%; padding-left: 30%; height: auto; padding-top: 20px;}
.inner-wrapper .service-sec .sub-contaent{color: #20cfc1}
.inner-wrapper .service-sec .sec2 .left{float: right;}
.inner-wrapper .service-sec .sec3 p{color: #878383}
.inner-wrapper .service-sec .sec1 .cnt{background:url(../images/i-6.png) 0 20px no-repeat;}
.inner-wrapper .service-sec .sec2 .cnt{background:url(../images/i-7.png) 0 20px no-repeat;}
.inner-wrapper .service-sec .sec3 .cnt{background:url(../images/i-8.png) 0 20px no-repeat;}
.inner-wrapper .blog-sec{width: 100%; height: auto; clear: both;}
.inner-wrapper .blog-sec .sec1{width: 100%; height: auto; background: #f4f4f4; padding: 80px 0}
.inner-wrapper .blog-sec .sec1 .left{width: 50%; height: auto; float: left; position: relative;}
.inner-wrapper .blog-sec .sec1 .right{width: 50%; height: auto; float: left;}
.inner-wrapper .blog-sec h2{font-size: 20px; line-height: 22px}
.inner-wrapper .blog-sec .sec1 .date-tag{width: 135px; height: 134px; background:url(../images/date.png) 0 0; background-size: cover; position: absolute; top: 35%; right: 52px; z-index: 5}
.inner-wrapper .blog-sec .sec1 .date-tag .cnt{width: 73px; height: auto; margin: auto; color: #fff; padding-top: 35px}
.inner-wrapper .blog-sec .sec1 .date{width: auto; height: auto; float: left; font-size: 27px; line-height: 27px; font-weight: 700; margin-left: 10px}
.inner-wrapper .blog-sec .sec1 .day{width: auto; height: auto; float: right; font-size: 17px; line-height: 17px; text-transform: uppercase; margin-top: 13px; margin-left: 5px}
.inner-wrapper .blog-sec .sec1 .btn{width: 200px; height: 58px; margin-top: 35px; color: #fff; display: block; background: #49e2d6;  font-size: 16px; line-height: 58px; text-align: center; font-family: 'Montserrat', sans-serif; 
-webkit-box-shadow: 4px 4px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         4px 4px 0px 0px rgba(32, 207, 193, 0.75);}
.inner-wrapper .blog-sec .sec1 .btn:hover{background: #44cdc2; -webkit-box-shadow: 7px 7px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    7px 7px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         7px 7px 0px 0px rgba(32, 207, 193, 0.75);}
.inner-wrapper .blogscnt2{width: 100%; height: auto; clear: both; display: inline-block; padding-top: 15px; font-size: 13px; line-height: 15px; color: #717171; font-weight: 700}
.inner-wrapper .blogscnt2 a{color: #717171}
.inner-wrapper .blogscnt2 a:hover{color: #32d8cb}
.inner-wrapper .blogscnt2 li{width: auto !important; padding: 0 !important; height: auto; float: left; margin-right: 10px; margin-top: 0 !important; margin-bottom: 0 !important; min-height: inherit !important; }
.inner-wrapper .blog-sec .sec2{width: 100%; height: auto; clear: both; padding: 30px 0;}
.inner-wrapper .blog-sec .sec2 li{width: 30%; overflow: hidden; height: auto; padding-bottom: 5px; min-height: 560px; margin: 25px 1.5%; float: left; }
.inner-wrapper .blog-sec .sec2 .container{max-width: 1210px}
.inner-wrapper .blog-sec .sec2 p{text-align: justify;}
.inner-wrapper .blog-sec .sec2 li .pic{width: 100%; height: auto; display: block; position: relative; margin-bottom: 65px}
.inner-wrapper .blog-sec .sec2 li .more{width: 40px; height: 32px; color: #fff; display: block; background: #49e2d6 url(../images/arow-1.png) center center no-repeat;  text-align: center; font-family: 'Montserrat', sans-serif; 
-webkit-box-shadow: 4px 4px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         4px 4px 0px 0px rgba(32, 207, 193, 0.75); margin-top: 20px}
.inner-wrapper .blog-sec .sec2 li .more:hover{background: #44cdc2 url(../images/arow-1.png) center center no-repeat; -webkit-box-shadow: 7px 7px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    7px 7px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         7px 7px 0px 0px rgba(32, 207, 193, 0.75);}
.inner-wrapper .blog-sec .sec2 .date-tag{width: 105px; height: 104px; display: block; background:url(../images/date.png) 0 0; background-size: cover; position: absolute; bottom:-50px; left:50%; margin-left: -52px; z-index: 5}
.inner-wrapper .blog-sec .sec2 .date-tag .cnt{width: 41px; height: auto; display: block; margin: auto; color: #fff; padding-top: 30px}
.inner-wrapper .blog-sec .sec2 .date{width: 25px; height: auto; float: left; display: block; font-size: 18px; line-height: 18px; font-weight: 700;}
.inner-wrapper .blog-sec .sec2 .day{width: auto; height: auto; float: right; margin-top: 11px; display: block; font-size: 11px; line-height: 11px; text-transform: uppercase;}
.inner-wrapper .blog-sec .sec2 .loading{width: 100%; height: auto; clear: both; display: inline-block; text-align: center; text-transform: uppercase; padding: 30px 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 22px; line-height: 22px; color: #b2b2b2}
.inner-wrapper .blogdetail-sec{width: 100%; height: auto; clear: both;}
.inner-wrapper .blogdetail-sec .sec1{width: 100%; height: auto; padding: 70px 0 30px 0; background: #f7f7f7}
.inner-wrapper .blogdetail-sec .sec1 .left{width: 65%; height: auto; float: left; overflow: hidden;}
.inner-wrapper .blogdetail-sec .sec1 .right{width: 30%; height: auto; float: right;}
.inner-wrapper .blogdetail-sec h2{font-size: 20px; line-height: 22px}
.inner-wrapper .blogdetail-sec .sec1 .left .profile-pic{width: 100%; height: auto; margin-bottom: 20px}
.inner-wrapper .blogdetail-sec .sec1 .left .profile-pic img{width: 100% !important; height: auto !important;}
.inner-wrapper .blogdetail-sec .sec1 .left .t1{width: 100%; height: auto; clear: both; padding-bottom: 50px; border-bottom: solid 3px #49e2d6; display: inline-block;}
.inner-wrapper .blogdetail-sec .sec1 .left .t1 p{text-align: justify;}
.inner-wrapper .blogdetail-sec .commentlist{width: 100%; height: auto; display: inline-block; clear: both; background: #f7f7f7; padding-bottom: 30px; padding-left: 0}
.inner-wrapper .commentform{width: 100%; height: auto; clear: both; display: inline-block; padding: 50px 0; background: #fff}
.inner-wrapper .blogdetail-sec .sec1 .right .level-one{width: 80%; height: auto; padding: 10%; background: #fff; clear: both; margin-bottom: 30px}
.inner-wrapper .blogdetail-sec .sec1 .right .level-one li{width: 100%; height: auto; clear: both; display: inline-block; padding: 10px 0; font-size: 15px; line-height: 18px; color: #717171; text-transform: inherit; border-bottom: dotted 1px #717171;}
.inner-wrapper .blogdetail-sec .sec1 .right .level-one li:last-child{border: none}
.inner-wrapper .blogdetail-sec .sec1 .right .level-one li a{color: #717171;}
.inner-wrapper .blogdetail-sec .sec1 .right .level-one li a:hover{color: #49e2d6}
.inner-wrapper .blogdetail-sec .sec1 .right h2{width: auto; height: auto; font-size: 18px; margin-bottom: 10px; line-height: 18px; color: #717171; text-transform: inherit; padding-bottom: 10px; border-bottom: solid 1px #49e2d6; display: inline-block;}
.commentsection{width: 100%; height: auto; display: inline-block; margin-top: 30px}
.commentlist{width: 100%; height: auto;}
.commentlist p{clear: none !important; margin-top: 5px !important; font-size: 16px; line-height: 24px}
.comment .reply {background: #49e2d6;top:122px;color: #fff;left: 0;line-height: 19px; clear: both; display: block; text-align: center;width: 100px;}
.comment .reply a {color: #fff;font-size: 15px;line-height: 27px;display:inline-block;width:100%;height:100%;}
.comment .reply a:hover{opacity:0.8;}
.comment .alt {}
.comment .odd {}
.comment .even {}
.comment .thread-alt {}
.comment .thread-odd {}
.comment .thread-even {}
.comment li ul.children .alt {}
.comment li ul.children .odd {}
.comment li ul.children .even {}
.commentlist .vcard {}
.comment .vcard cite.fn {text-transform:uppercase;color:#414142;font-size:14px;margin-bottom:4px;display:inline-block;}
.comment .vcard span.says {display:none;}
.commentlist .vcard cite.fn a{color:#414142;}
.commentlist .vcard img.photo {}
.comment .vcard img.avatar {height: 100px;width:100px;margin-right: 20px;float: left; margin-bottom: 10px}
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.comment .commentmetadata a {color: #414142;font-size: 14px;text-transform: uppercase;display:inline-block;}
.commentlist .parent {}
.comment .comment {}
.comment-body {position: relative;}
.comment .children {margin-left: 5%; width: 95%}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist {}
.commentlist li { padding: 10px 0}
.comment li p { color: #828486; font-size: 16px;line-height: 24px;margin-bottom:0px;padding-bottom:15px;position: relative;margin-left: 128px;}
/*.commentlist li p::after {background: #d7d7d7;bottom: 0;content: "";height: 1px;position: absolute;right: 0;width:100%;}*/
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
#cancel-comment-reply {}
#cancel-comment-reply a {}
.comment_responds {clear: left;padding-top: 50px;}
.comment_responds h3, .comments-area > h3{color:#4a4a4a;text-transform:uppercase;padding-bottom:20px;font-size:30px;font-weight:300;}
.comment-form p{color:#828486;font-size:16px;margin-bottom:25px;}
.comment-form p label{width:87px;float:left;}
.comment-form p label {float: left;padding-top:15px;width: 87px;}
.comment-form input[type='text'], .comment-form textarea, .eventform input[type='email']{background:#fff;border:1px solid #a7aaac;color:#828486;font-size:16px;font-family: "Muli",sans-serif;max-width:460px;width:70%;padding:14px 0 14px 14px;box-sizing:border-box;height:50px;outline:none;box-shadow:none;}
 .comment-form textarea{max-width:620px;height:149px;resize:none;}
.comment-form input[type='submit']{width: 220px; height: 58px; border: none; outline: none; color: #fff; display: block; background: #49e2d6;  font-size: 16px; line-height: 58px; text-align: center; font-family: 'Montserrat', sans-serif; 
-webkit-box-shadow: 4px 4px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         4px 4px 0px 0px rgba(32, 207, 193, 0.75);  transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;
}
.comment-form input[type='submit']:hover{background: #44cdc2; -webkit-box-shadow: 7px 7px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    7px 7px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         7px 7px 0px 0px rgba(32, 207, 193, 0.75);}
.nofollow{color: #32d8cb}
.comment-reply-title a{color: #32d8cb}
.comment-form input[type='submit']:hover{opacity:0.8;}
.comment .comment-meta.commentmetadata {margin-left:128px;}
.inner-wrapper .comment-form h3{width: 100%; height: auto; font-size: 18px; line-height: 18px; color: #717171; font-weight: 700}
.inner-wrapper .contact-sec{width: 100%; height: auto; background:url(../images/contact-bg.jpg) top center }
.inner-wrapper .contact-sec .sec1{width: 100%; height: auto; clear: both; padding: 60px 0}
.inner-wrapper .contact-sec .sec2{width: 100%; height: auto; color: #fff; clear: both; padding: 115px 0; background-color:rgba(1, 195, 180, 0.51);}
.inner-wrapper .contact-sec .sec2 .status{width: 100%; clear: both; margin-top: 10px; font-size: 14px; line-height: 16px; text-align: center;}
.inner-wrapper .contact-sec .sec2 .load1{width: 100%; height: 50px; text-align: center; top:-58px; position: relative; z-index: 10}
.inner-wrapper .contact-sec .sec2 .load1 img{display: inline-block;}
.inner-wrapper .contact-sec .sec2 .status1{width: 100%; height: auto;  clear: both; margin-top: 20px; font-size: 14px; line-height: 14px; color: #fff; text-align: center;}
.inner-wrapper .contact-sec .sec1 li{width: 30%; height: auto; float: left; text-align: center;}
.inner-wrapper .contact-sec .sec1 .mdl{margin: 0 5%}
.inner-wrapper .contact-sec .sec1 li .icon{width: 100%; height: auto; display: block; margin-bottom: 15px}
.inner-wrapper .contact-sec .sec1  h2{font-size: 18px; line-height: 18px; display: inline-block; width: 100%; clear: both; padding: 10px 0}
.inner-wrapper .contact-sec .sec1 a{color: #717171}
.inner-wrapper .contact-sec .sec1 a:hover{color: #32d8cb}
.inner-wrapper .contact-sec .sec2 fieldset {  display: block; border: solid 3px #fff; width: 90%; height: auto; padding: 60px 5%; transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s; }
.inner-wrapper .contact-sec .sec2 legend{text-align: center; font-family: 'Montserrat', sans-serif; padding: 0 20px; font-weight: 400; font-size: 30px; line-height: 30px; color: #fff; text-transform: uppercase; width: auto; display: block; margin-left: 38%}
.inner-wrapper .contact-sec .sec2 li{width: 30%; height: auto; float: left; position: relative;}
.inner-wrapper .contact-sec .sec2 li label{width: 100%; position: absolute; left: 0; bottom: -18px}
.inner-wrapper .contact-sec .sec2 .mdl{margin: 0 5%}
.inner-wrapper .contact-sec .sec2 .msgBox{width: 100%; clear: both; margin: 20px 0}
.inner-wrapper .contact-sec .sec2 .btn{width: 220px; height: 58px; border: none; outline: none; color: #49e2d6; display: inline-block; background: #fff;  font-size: 16px; line-height: 58px; text-align: center; font-family: 'Montserrat', sans-serif; 
-webkit-box-shadow: 4px 4px 0px 0px rgba(196, 238, 234, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(196, 238, 234, 0.75);
box-shadow:         4px 4px 0px 0px rgba(196, 238, 234, 0.75);}
.inner-wrapper .contact-sec .sec2 .btn:hover{background: #1f756c; color: #fff; -webkit-box-shadow: 7px 7px 0px 0px rgba(44, 150, 139, 0.75);
-moz-box-shadow:    7px 7px 0px 0px rgba(44, 150, 139, 0.75);
box-shadow:         7px 7px 0px 0px rgba(44, 150, 139, 0.75);}
.inner-wrapper .contact-sec .sec2 .tbx{width: 93%; padding-left: 7%; height: 45px; font-weight: 300;  outline: none;border: none; border-bottom: solid 1px #fff; font-size: 16px !important; color: #fff; font-style: italic; }
.inner-wrapper .contact-sec .sec2 .tarea{width: 98%; padding-left: 2%; height: 45px; font-family: 'Lato', sans-serif; font-weight: 400; background: url(../images/cicon-1.png)  0 8px no-repeat; outline: none;border: none; border-bottom: solid 1px #fff; font-size: 16px; line-height: 27px; color: #fff; font-style: italic; }
.tarea::-webkit-input-placeholder{color: #fff; opacity: 1 !important}
.inner-wrapper .contact-sec .sec2 .i1{background: url(../images/cicon-3.png)  0 15px no-repeat;}
.inner-wrapper .contact-sec .sec2 .i2{background: url(../images/cicon-4.png)  0 15px no-repeat;}
.inner-wrapper .contact-sec .sec2 .i3{background: url(../images/cicon-5.png)  0 17px no-repeat;}
.inner-wrapper .contact-sec .sec2 .i4{background: url(../images/cicon-6.png)  0 8px no-repeat;}
.inner-wrapper .contact-sec .sec2 .error{font-size: 12px;  color: red}
.inner-wrapper .contact-sec .sec2 .libtn{width: 100%; height: auto; clear: both; text-align: center; margin-top: 30px}
footer .sec2 .formsec li .error{font-size: 12px;  color: red; display: block;}
footer .sec2 .formsec .load1{width: 100%; height: auto; text-align: center;}
footer .sec2 .formsec .load1 img{display: inline-block;}
footer .sec2 .formsec .status1{width: 100%; height: auto; clear: both; margin-top: -30px; font-size: 14px; line-height: 14px; color: #49e2d6}
.inner-wrapper .search-page{width: 100%; height: auto; background: #fff; padding: 80px 0; border-top: solid 1px #f5f4f3; }
.inner-wrapper .search-page h2{font-size: 20px; line-height: 22px}
.inner-wrapper .search-page .more{width: 40px; height: 32px; color: #fff; display: block; background: #49e2d6 url(../images/arow-1.png) center center no-repeat;  text-align: center; font-family: 'Montserrat', sans-serif; 
-webkit-box-shadow: 4px 4px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         4px 4px 0px 0px rgba(32, 207, 193, 0.75); margin-top: 5px}
.inner-wrapper .search-page .more:hover{background: #44cdc2 url(../images/arow-1.png) center center no-repeat; -webkit-box-shadow: 7px 7px 0px 0px rgba(32, 207, 193, 0.75);
-moz-box-shadow:    7px 7px 0px 0px rgba(32, 207, 193, 0.75);
box-shadow:         7px 7px 0px 0px rgba(32, 207, 193, 0.75);}
.inner-wrapper .search-page .sbox li{width: 100%; height: auto; clear: both; display: inline-block; padding: 20px 0; margin: 2px 0; border-bottom: dotted 1px #f5f4f3;}

span#u_0_3 a{color: #fff !important}
span#u_0_3 { color: #fff !important}
.comment .comment-meta.commentmetadata, .comment li p{margin-left: 0 !important}



.test-sec{}
.right-section{}
.test-sec h1{color:#49e2d6;font-size:40px;text-transform:uppercase;line-height:40px;margin:0 0 27px 0;}
.test-sec h2{color:#49e2d6;font-size:35px;text-transform:uppercase;line-height:30px;margin:0 0 27px 0;}
.test-sec h3{color:#49e2d6;font-size:35px;padding:0 0 17px 0;border-bottom:2px solid rgba(218,115,30,0.1);margin:0 0 20px 0;line-height:27px;position:relative;}
.test-sec h3:after{content:"";position:absolute;left:0;bottom:-2px;width:41px;height:2px;background:rgba(218,115,30,1);}
.test-sec p{;margin:5px 0; font-weight:300; clear:left;text-align: justify;}
.test-sec p > strong{color:#f68221;font-weight:600;}
.test-sec h4{text-transform:uppercase;color:#717171;font-size:25px;line-height:27px;padding:0 0 20px 0;margin:0;}
.test-sec h5{color:#717171;font-size:22px;margin:0 0 20px 0;}
.test-sec menu, ol{padding: 0 0 0 40px}
.test-sec strong{color:#717171}
.test-sec strong{color:#717171}
.test-wrapper {width: 100%; height: auto; padding: 50px 0}
.test-wrapper .container{width: 100%; height: auto; max-width: 1180px; margin: auto}
.test-wrapper p{width: 100%; height: auto; clear: both;font-family: 'Lato', sans-serif; font-size: 18px; line-height: 30px; color: #717171; margin-top:15px; font-weight: 300}
.sharebuttons{width: 100%; height: auto; clear: both; display: inline-block; margin-top: 20px}
/* =============================================================================
   Author Style End
   ========================================================================== */
 
@-webkit-keyframes moveUpAndShow {
    0% {
        -webkit-transform:translateY(80px);
        opacity:0
    }
    100% {
        -webkit-transform:translateY(0px);
        opacity:1
    }
}
@-moz-keyframes moveUpAndShow {
    0% {
        -moz-transform:translateY(80px);
        opacity:0
    }
    100% {
        -moz-transform:translateY(0px);
        opacity:1
    }
}
@-o-keyframes moveUpAndShow {
    0% {
        -o-transform:translateY(80px);
        opacity:0
    }
    100% {
        -o-transform:translateY(0px);
        opacity:1
    }
}
@-ms-keyframes moveUpAndShow {
    0% {
        -ms-transform:translateY(80px);
        opacity:0
    }
    100% {
        -ms-transform:translateY(0px);
        opacity:1
    }
}
@keyframes moveUpAndShow {
    0% {
        transform:translateY(80px);
        opacity:0
    }
    100% {
        transform:translateY(0px);
        opacity:1
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}