/*******************/
/*    Defaults     */
/*******************/
a, a:hover { text-decoration: none; color: #0cadbe; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;} 
span { color: #0cadbe;}
img {
display: block;
max-width: 100%;
height: auto;
}

.icon-4x{font-size: 50px;}
.icon-5x {font-size: 5em;}
.icon-6x{font-size: 20px;}
.vertecHide { display:none;}
#qLoverlay{
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#0cadbe;
}
.loadLogo { margin: 100px auto;}
.loadLogo img { margin: 0 auto;}
    .spinner {
	width: 50px;
	height: 50px;
	background-color: #FFF;
	margin: 200px auto;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
    }

    @-webkit-keyframes rotateplane {
      0% { -webkit-transform: perspective(120px) }
      50% { -webkit-transform: perspective(120px) rotateY(180deg) }
      100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
    }

    @keyframes rotateplane {
      0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
      } 50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
      } 100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
      }
    }
.container { margin-right: 0; margin-left: 0; width: 100%; max-width: 100%; }
.siteWrapper { position: relative; width: 100%; }

.header { position:fixed; width: 292px; height: 100%; top:0; left:0; z-index: 9999;
    -webkit-transform: perspective(1300px) translateZ(0) translateY(0px)  rotateY(0deg);
    transform: perspective(1300px) translateZ(0px) translateY(0px)  rotateY(0deg);
    transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.3s;-ms-transition: all 0.4s;
}

.header.vertecClosed { position: fixed; margin-left: -292px;
    -webkit-transform: perspective(1300px) rotateY(-110deg);
    transform: perspective(1300px) rotateY(-110deg);
    transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.3s;-ms-transition: all 0.4s;
}

.mainContent { position: relative; height: auto; margin-left: 292px; 
transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.3s;-ms-transition: all 0.4s;}

.mainContent.vertecClosed { margin-left: 0;}

.logo { text-align: center; margin: 0 0 55px 0; }
.logo img { margin-left: auto; margin-right: auto; }

.hideHeader {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 0;
	left: 292px;
	color: #fff;
	text-align: center;
	z-index: 9999;
	cursor: pointer;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	font-size: 38px;
	background-color: #0cadbe;
}

.hideHeader.vertecClosed { left: 0px; }

.mobileNav { width: 100%; float: left; padding: 10px 0; background-color: #0cadbe; display: none; position: relative; }
.mobileNav .logo { margin: 0 0 0 20px; float: left; height: 60px; }
.mobileNav .mobileClick { margin-right: 30px; float: right; font-size: 40px; line-height: 60px; cursor: pointer; }
.closeMobile { font-size: 50px; text-align: center; display: block; cursor: pointer;}

.mainFooter { background: #171a1f; padding: 30px 30px 30px 20px; overflow: hidden; position: absolute; left: 0; margin-top: 20px; }
.mainFooter h3 { font-size: 28px; color: #0cadbe; margin-top: 0; display: block; border-bottom: 4px double #414141; line-height: 45px; }
.portfolio .mainFooter { position: relative; margin-top: 0; }

/*******************/
/*    Header 1     */
/*******************/
.header1 { overflow-y:scroll; background-color: #606060; }
.header1 .mainHeader { border-right: 7px solid #0cadbe; background-color: #171b1f; padding-top: 55px; padding-bottom: 20px; }
.header1 .mainSidebar { border-right: 7px solid #0cadbe; background-color: #171b1f; }
.header1 .mainNav { padding-bottom: 31px; overflow: hidden; }
.header1 ul.menu { list-style-type: none; margin: 0; padding: 0; font-family: 'Oswald', serif; font-weight: normal; border-top: 1px solid #383b40; }
.header1 ul.menu li { 
    border-left: 3px solid #757577; 
    -webkit-box-shadow: 0px 1px 0px #383b40;
    -moz-box-shadow: 0px 1px 0px #383b40;
    box-shadow: 0px 1px 0px #383b40; 
    padding-left: 23px; 
}
.header1 ul.menu li a { display: block; font-size: 16px; line-height: 40px; color: #f0f0f0; }
.header1 ul.menu li:hover { background-color: #2e3235; border-left: 7px solid #0cadbe; padding-left: 19px; }
.header1 ul.menu li:hover a { color: #0cadbe; }

/*******************/
/*    Header 2     */
/*******************/
.header2 { overflow-y:scroll; background-color: #fff; border-right: 2px solid #dfdfdf;border-left: 7px solid #0cadbe;}
.header2 .mainHeader {background-color: #fff; padding-bottom: 30px; }
.header2 .mainNav { overflow: hidden; }
.header2 .logo{text-align: center;padding: 55px 0 55px 0; background-color: #0cadbe;margin:0px;}
.header2 .dl-menuwrapper .dl-menu {border: none;padding-top: 10px;}
.header2 .dl-menuwrapper li {border: none;}
.header2 .dl-menuwrapper li a {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#4f4f4f;margin-left: 35px;margin-top: 5px;display: inline-block;border: 2px solid #f1f1f1;position: relative;padding: 10px 15px;font-size: 16px;font-weight: 300;outline: none;}
.header2 .dl-menuwrapper li a:hover {background-color: #0cadbe; border: 2px solid #079cac; color: #fff;width: inherit;right: inherit;padding: 10px 15px;}
.header2 .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after{display:none;}
.header2 .dl-menuwrapper li.dl-back > a{background: #0cadbe; color: #fff;border: 2px solid #079cac;}
.header2 .dl-menuwrapper > .dl-submenu {border-left: none; border-top: none;padding-top: 10px;}
.header2 .dl-menuwrapper .dl-menu li a i{position: absolute;left: -38px;font-size: 24px;color: #0cadbe;}
.header2 .dl-menuwrapper .dl-submenu li a i{position: absolute;left: -38px;font-size: 24px;color: #0cadbe;}

.header2 .search-query { background: #fbfbfb; border-color: #f6f6f6;}
.header2 .search-icon { background: #fbfbfb; } 

.header2 .navigation-social-icons { padding-left: 5px; margin-left: 0; }
.header2 .navigation-social-icons:nth-child(1) { padding-left: 40px; }
.header2 .navigation-social { background: none; }
.header2 .navigation-social i {
border: 1px solid #d2d2d2;
padding: 8px;
border-radius: 2px;
background: none;
font-size: 14px;
color: #8c8c8c;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; 
}

.header2 .navigation-social-icons:hover i.vertec-tweet { background: #55acee; color: #fff; }
.header2 .navigation-social-icons:hover i.vertec-face { background: #4c66a4; color: #fff; }
.header2 .navigation-social-icons:hover i.vertec-google { background: #dd4c39; color: #fff; }
.header2 .navigation-social-icons:hover i.vertec-pinterest { background: #ca2128; color: #fff;}
.header2 .navigation-social-icons:hover i.vertec-dribble { background: #cb3a70; color: #fff;}
.header2 .navigation-copyright p { color: #707070; }
.header2 .navigation-copyright { background: none; border: none;}
/*********************/
/*  Sidebar Widget   */
/*********************/
/* Search Widget */
.search { width: 250px; position: relative; margin-left: 15px; margin-bottom: 28px; }
.search-query { width: 250px; background: #080a0c; padding-left: 12px; height:42px; border: 1px solid #2c2c2c; font-style: italic; font-size: 13px; color: #707070; }
.search-icon { 
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 6px;
  width: 30px;
  height: 30px;
  background: #080a0c;
  color: #6e6e6e;
}
.search-icon a { color: #6e6e6e; }
.navigation-social {overflow: hidden;background: #080a0c;text-align: center;padding-bottom: 20px;}
.navigation-social h3{color: #aeaeae;font-size: 22px; margin-top: 30px; margin-bottom: 20px;}
.navigation-social i{border: 1px solid #2e2e2f;padding: 24px;border-radius: 100%;background: #000;font-size: 20px;color: #8c8c8c;}
.navigation-social-icons{float: left;margin-left: 12px;padding-top: 29px;}
.navigation-social-icons p{font-family: 'Oswald';font-size: 14px;padding-top: 29px;}
.navigation-copyright {background: #171b1f;border-top: 1px solid #323537;text-align: center;padding-top: 23px;padding-bottom: 23px;}
.navigation-copyright p{color: #7b7b7b; font-size: 12px;}
/*******************/
/*    Button     */
/*******************/
.buton {
  font-size: 16px;
  font-weight: 600;
  border: none;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  padding: 5px 15px;   
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  position: relative;
  z-index:1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  margin: 5px 0 5px 0;
  
}

.buton a:link{
  color: #f9faf9;
  text-decoration: none;
  font-weight: 600;
}

.buton a:visited {
  color: #f9faf9;
  text-decoration: none;
}

.buton a:hover{
  color: #f9faf9;
  text-decoration: none;
}

.buton:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.buton:before{
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

/* Size of Button */
.buton-large {
  padding: 19px 32px 19px 32px !important; 
  font-size: 16px !important;  
}

.buton-medium {
  padding: 17px 32px 17px 32px !important; 
  font-size: 15px !important;  
}

.buton-small {
  padding: 14px 32px 14px 32px !important;
  font-size: 14px!important;
}

.buton-mini {
  padding: 9px 20px 9px 20px !important;   
  font-size: 11px !important;
}

/* Button Color */
.b_asset {background: #0cadbe; border: 2px solid #0d95a3; }
.b_white {background: #ffffff;}
.b_inherit { background: #0cadbe;}
.b_pink {background: #ff048c;}
.b_green {background: #76b737;}
.b_green-1 {background: #76b737;}
.b_orange {background: #ff9c00;}
.b_orange-1 {background: #ff9c00;}
.b_orange-1-dark {background: #e97528;}
.b_purple {background: #c74a73;}
.b_darkgrey{background: #535252; }
.b_black {background: #3d3d3d; }
.b_dusty { background: #676767 ; }
.b_red { background: #0cadbe; }
.b_teal { background: #0cadbe; }

.b_grey { background: #8c8c8c; }
.b_darkgrey-1 { background: #303030; }

.red-color{color: #0cadbe;}
.green-color{color:#76b737;}
.orange-color-dark{color:#e97528;}
.orange-color{color:#ff9c00;}
.purple-color{color: #c74a73;}
.grey-color{color:#8c8c8c;}
.darkgrey-color{color: #303030;}

/* All Button Effect */
/* Left to right transition effect */
.buton-1:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.buton-1:hover,
.buton-1:active {
  color: #fff;
}
.buton-1:hover:after,
.buton-1:active:after {
  width: 100%;
}

/* Top to bottom transition effect */
.buton-2:after {
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
 background: #000; 
 opacity: 0.1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.buton-2:hover,
.buton-2:active {
  color: #fff;
}
.buton-2:hover:after,
.buton-2:active:after {
  height: 100%;
}

/* Fade effect */
.buton-3:hover,
.buton-3:active {
  color: #fff;
  background: #505050; 
  
}
/* Middle to side effect */
.buton-4 {
  overflow: hidden;
}

.buton-4:after {
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  background: #505050;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.buton-4:hover,
.buton-4:active {
  color: #fff;
}

.buton-4:hover:after {
  width: 90%;
  background: #000; 
  opacity: 0.1;
}

.buton-4:active:after {
  width: 101%;
  opacity: 1;
}
/* Middle to corners effect */
.buton-5 {
  overflow: hidden;
}

.buton-5:after {
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #505050;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.buton-5:hover,
.buton-5:active {
  color: #fff;
}

.buton-5:hover:after {
  height: 260%;
  opacity: 1;
}

.buton-5:active:after {
  height: 400%;
  opacity: 1;
}
/*  Middle to top and bottom effect */
.buton-6 {
  overflow: hidden;
}

.buton-6:after {
  width: 101%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #505050;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.buton-6:hover,
.buton-6:active {
  color: #fff;
}

.buton-6:hover:after {
  height: 75%;
  opacity: 1;
}

.buton-6:active:after {
  height: 130%;
  opacity: 1;
}
/***********************/
/*    Page Content     */
/***********************/ 
.customPage, .singlePage { padding-top: 20px; }
.customPage2 {padding-top: 55px;}
.pageTitle { border-bottom: 4px double #dddddd; padding-bottom:10px; margin-bottom: 20px; display: block; }
.pageTitle h1 { padding-left: 4px; margin-top: 0; margin-bottom: 0; }
.pageTitle2{border-bottom: 4px double #dddddd; padding-bottom:10px;display: block; margin-bottom: 10px;}
.pageTitle3{margin-top: 10px;border-bottom: 4px double #dddddd; padding-bottom:10px;display: block;}
.subTitle { border-bottom: 4px double #dddddd;margin: 0 0 13px 0;display: block;padding-bottom: 12px; }
.subTitle-contact { border-bottom: 4px double #dddddd;margin: 25px 0 13px 0;display: block;padding-bottom: 12px; }
.subTitle h2 { margin-bottom: 0; }
.rowtitle {border-bottom: 4px double #dddddd;display: block;padding-bottom: 12px;}
.bg-color{margin-bottom:55px;}
.column-border .col-md-6{border-right: 1px solid #ddd;}
.vertec-list-content i{color: #fff;background: #0cadbe;border-radius: 100%;width: 25px;height: 25px;text-align: center;padding-top: 6px;margin-right: 10px;}
.vertec-list-content p{font-size: 16px;font-family: arial;}

/***********************/
/*    Blog Content     */
/***********************/ 
.blogPage { padding: 0 30px 0 20px;}
.shareit .social-box {
    background: #fff;
    font-size: 16px;
    color: #aeaeae;
    border: 1px solid #e3e3e3;
    height: 34px;
    line-height: 32px;
    text-align: center;
    min-width: 34px;
    float: right;
    margin-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.shareit p{font-family: 'Oswald',serif; font-size:20px;line-height: 35px;float: left;display: inline;color: #4f4f4f;margin: 0px;}
.shareit{background: #f6f6f6; border-bottom: 4px solid #e8e8e8; height: 58px;}
.shareit .note {
    position: relative;
    padding: 11px 30px 9px 22px;
}
.shareit .note:before {
    content: "";
    position: absolute;
    right: 0;
    top: 42px;
    border-width: 16px 16px 0 0px;
    border-style: solid;
    border-color: #e8e8e8 #fff;
    display: block;
    width: 0;
}
.commentlist{padding: 0px;}
.media{background: #f6f6f6;border-bottom: 5px solid #e8e8e8;margin-bottom: 10px;padding: 10px 10px 15px 10px;position: relative;overflow: visible;}
.media-heading{margin-bottom: 3px;}
.comment-date{color: #979797;font-size: 12px;margin: 0 0 13px;}
.media-object{padding: 3px;border: 1px solid #e8e8e8;background: #fff;}
.media-body p{font-size: 13px;}
.reply {position: absolute;top: 10px;right: 10px;border: 1px solid #eaeaea;background: #efefef;padding: 7px 13px;font-size: 11px;color: #818181;}
.media .note {
    position: relative;
    
}
.media:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -5px;
    border-width: 16px 16px 0 0px;
    border-style: solid;
    border-color: #e8e8e8 #fff;
    display: block;
    width: 0;
}
.comment-respond{margin-top: 40px;}
.comment-respond .form-group{padding: 0px;}
.col-md-4.form-group{padding-right: 5px;}
.col-md-4.form-group:last-child{padding-right: 0px;}
.singlePage .blogMeta a { color: #525252; }

/***********************/
/*****   Style 1   *****/
/***********************/
.blogCategory { overflow: hidden; font-size: 14px; font-family: 'Oswald'; background: #ffffff; border: 1px solid #f3f3f3; margin-top: 20px; }
.blogCategory ul { margin:0; padding: 0 0 0 0; }
.blogCategory ul li { float: left; list-style-type: none; margin: 0 18px 0 18px; padding: 0; font-size: 14px; line-height: 46px; }
.blogCategory a li { color: #6d6d6d; }
.blogCategory a li.active {color: #0cadbe;}

.blogContainer { margin-top: 36px; }
.blogSizer { width: 31.4666666%; }
.blogBox1 { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; width: 31.4666666%;  float: left; margin-bottom: 40px; }
.blogBox1 h3, .blogBox1 h3 a { font-size: 22px; color: #4f4f4f; margin: 20px 20px 20px 18px; display: block; }
.blogBox1 .blogMeta { padding: 0 20px 0 18px; }
.blogBox1 .blogMeta p { margin: 0; font-size: 12px; line-height: 12px; color:#707070; }
.blogBox1 .blogMeta p a { color: #525252; }

.blogBox1 .blogIntro { padding: 10px 20px 0 18px; }
.blogBox1 .blogIntro p { color: #707070; font-size: 12px; margin-top: 10px; } 
.blogBox1 .blogIntro p a { font-weight: bold;}

.blogBox1 .dateLike { overflow: hidden; line-height: 48px; background: #fbfbfb; padding: 0 20px 0 18px; border-bottom: 5px solid #f4f4f4; border-top: 1px solid #f4f4f4; color: #6e6e6e; }
.blogBox1 .dateLike i { }
.blogBox1 .dateLike .date { width: 70%; float: left; }
.blogBox1 .dateLike .postLike { width: 30%; float: left; text-align: right;}

.blogBox1 .box1Thumb { position: relative; overflow: hidden; }
.blogBox1 .overthumb {   
  position: absolute;
  left:50%;
  top:50%;
  display: block;
  background: #0cadbe;
  text-align: center;
  width: 0%;
  height: 0%;
  opacity: 0;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out; 
}

.blogBox1 .lightzoom {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 14px 10px 11px 14px;
  background: #fff;
  color: #000;
  margin-right: 5px;
  opacity: 1;
}
.blogBox1 .postlink {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 14px 14px 11px 14px;
  background: #fff;
  color: #000;
  margin-left: 5px;
  opacity: 1;
}
.blogBox1 .box1Thumb:hover .overthumb {
  -webkit-animation: burak 0.6s;
   animation: burak 0.6s;
  top: 0;
  left: 0;
  opacity: 0.7;
  width: 100%;
  height: 100%;
} 
 @-webkit-keyframes burak {
      0% { -webkit-transform: perspective(1300px) rotateX(45deg) rotateY(90deg)}
      50% { -webkit-transform: perspective(600px) rotateX(24deg) rotateY(45deg) }
      100% { -webkit-transform: perspective(0) rotateX(0deg) rotateY(0deg) }
    }

    @keyframes burak {
      0% {
        transform: perspective(1300px) rotateX(45deg) rotateY(90deg);
        -webkit-transform: perspective(1300px) rotateX(45deg) rotateY(90deg) ;
      } 50% {
        transform: perspective(600px) rotateX(24deg) rotateY(45deg);
        -webkit-transform: perspective(600px) rotateX(24deg) rotateY(45deg);
      } 100% {
        transform: perspective(0) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(0) rotateX(0deg) rotateY(0deg);
      }
    }
.blogBox1 .box1Thumb .carousel-icon {
  font-size: 19px;
  opacity: 1;
  display: block;
  position: absolute;
  top:100%;
  text-align: center;
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;  
}
.blogBox1 .box1Thumb:hover .carousel-icon {
  opacity: 1;
  top:45%;
}
.blogBox1 .box1Thumb img{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.blogBox1 .box1Thumb:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

/**************************/
/*****  with Slider   *****/
/**************************/
.html_carousel {
    margin-top: 20px;
    padding:0;
    position: relative;
    width:100%;
    min-height:1px;
    overflow: hidden;
}
.html_carousel div.slide {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 1px;
    float: left;
}
.html_carousel div.slide div.slide-intro {
    background-color: rgba(49, 49, 49, 0.8);
    width: 100%;
    height: 130px;
    position: absolute;
    display: block;
    bottom:0;
}
.html_carousel div.slide .slide-excerpt { border-bottom: 1px solid #6a6868; float: left; width: 89%; height: auto; padding-bottom: 7px; margin-top: 15px; }
.html_carousel div.slide .blog-date { background: #0cadbe; position: relative; float:left; margin: 15px 15px 15px 0; padding: 19px 15px 19px 15px; text-align:center; }
.html_carousel div.slide .day { font-size: 44px; line-height:44px; font-weight:900; color: #fff; margin: 0 0 0 2px; padding:0; display: block; border:0; }
.html_carousel div.slide .monthyear { font-size: 13px; line-height:13px; color: #fff; margin:2px 0 0 0; padding:0; display: block; border:0;}
.html_carousel div.slide .row{margin-left: 0;}

.html_carousel div.slide p { font-size: 13px; display: inline-block; }
.html_carousel div.slide h4 {margin:0; color: #fff;}
.html_carousel div.slide p { color: #dbdbdb; margin: 0;}
.html_carousel div.slide .blog-meta { color: #b7b7b7;margin-top: 10px; font-size: 12px; }
.html_carousel div.slide .blog-meta a {color:#e3e3e3; }

.html_carousel .nextprev { position: absolute; bottom: 130px; right: 0; margin-right: 20px; }
.html_carousel .nextprev .slidebox  { color:#fff;background-color: rgba(49, 49, 49, 0.8); width:60px; height: 53px; float:left; text-align:center; margin-left: 2px; line-height: 73px; 
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.html_carousel .nextprev .slidebox i{font-size: 3em;}
.html_carousel .nextprev .slidebox:hover {background: #0cadbe;}
/***********************/
/*****   Style 2   *****/
/***********************/
.blogBox2 { width: 45%; float: left;}
.blogBox2:nth-child(4n+1) { width: 55%; }
.blog2thumb { float: left; width: 55%; }
.blog2intro { float: left; width: 45%; position: relative; }
.blogBox2:nth-child(4n+1) .blog2thumb, .blogBox2:nth-child(4n+1) .blog2intro { float: none; width: 100%; }
.blogBox2 .blog2thumb { position: relative;}
.blogBox2 h3, .blogBox2 h3 a { font-size: 22px; color: #4f4f4f; margin: 20px 20px 15px 18px; display: block; }
.blogBox2 .blogMeta { padding: 0 20px 0 18px; }
.blogBox2 .blogMeta p { margin: 0; font-size: 12px; line-height: 12px; color:#707070; }
.blogBox2 .blogMeta p a { color: #525252; }

.blogBox2 .blogIntro { padding: 5px 20px 0 18px; }
.blogBox2 .blogIntro p { color: #707070; font-size: 12px; margin-top: 10px; } 
.blogBox2 .blogIntro p a { font-weight: bold;}
.blogBox2 .postLike { position: absolute; right: 35px; bottom: 3px; }

.blogContainer2 .blog-date {
background: #3b3f33;
position: absolute;
top: 0;
padding: 5px 10.5px 10px 12.5px;
text-align: center;
}
.blogContainer2 .day {
font-size: 44px;
line-height: 44px;
font-weight: 900;
color: #fff;
margin: 0 0 0 2px;
}
.blogContainer2 .month {
font-size: 13px;
line-height: 13px;
color: #fff;
margin: 2px 0 0 0;
}
/***********************/
/*****   Style 3   *****/
/***********************/
.blogContainer3 { position: relative; }
.blogBox3 { width: 33.33333333333333%; margin: 0; padding: 0; 
    -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; -webkit-perspective:250px; perspective:250px; }
.blog3intro { 
    position: absolute; bottom: -200%; background: rgba(23, 27, 31, 0.8);
    color: #fff; padding: 20px;     
    webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    }
.blog3intro h3 { color: #fff; margin-top: 0;}
.blogBox3:hover .blog3intro { bottom:0;   -webkit-animation: burak 0.6s;
   animation: burak 0.6s; }
.thumbBlog .mainFooter { margin-top: 0;}
.blogMeta a, .blogMeta { color: #aeaeae;}
.blogIntro p { color: #dcdcdc;}
/***********************/
/*****   Style 4   *****/
/***********************/
.home-4-blog-content{
  margin-top: 45px;
}
.home-4-blog-content .col-md-4{padding: 0px;border-right: 1px solid #e0e0e0;}
.home-4-blog-content .col-md-4.no-border{border-right: none;}
.blog-box-4{ padding-right: 20px; padding-left: 20px;}
.blog-box-4 h3{margin-top: 0px;margin-bottom: 20px;font-size: 20px;}
.blog-box-4 img{margin-bottom: 22px;}
.blog-box-4 .blogMeta a, .blogMeta{color: #707070; font-size:12px;}
.blog-box-4 .blogIntro p{color:#707070; font-size:13px;}
.blog-box-4 .buton{border-radius: 2px;padding: 8px 16px !important;border-radius: 1px;margin-bottom: 22px;}
.blog-box-4 .dateLike { overflow: hidden; background: #fbfbfb; padding-top: 12px;padding-bottom: 12px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; color: #6e6e6e; margin-bottom: 34px;}
.blog-box-4 .dateLike .date { width: 70%; float: left; }
.blog-box-4 .dateLike .postLike { width: 30%; float: left; text-align: right;}
/************************/
/*****   PORTFOLIO  *****/
/************************/
.portfolioContainer { position: relative; }
.portfolioSizer, .portfolioBox { width: 33.33333333333333%; margin: 0; padding: 0; -moz-box-sizing: border-box;box-sizing: border-box; -webkit-box-sizing: border-box; }


.overThumb { 
    position: absolute;  
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.portfolioBox:hover .overThumb { 
    border: 1px solid #eaeede; 
    position: absolute; 
    top: 13px;
    left: 13px;
    right: 13px;
    bottom: 13px; 
    z-index: 10; 
}
.overContent { top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 11; opacity: 0; 
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.portfolioBox:hover .overContent { opacity: 1; top: 13px; left: 13px; right: 13px; bottom: 13px; border: 1px solid #eaeede; }
.overBox { 
background-color: rgba(0, 0, 0, 0.5);
opacity: 1;
display: table;
position: relative;
text-align: center;
width: 100%;
height: 100%;
}
.overInner {
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
color: #ffffff;
}

.portfolioBox .lightzoom { padding: 12px 6px 10px 8px; border: 1px solid #ffffff; color: #ffffff; margin-right: 5px; }
.portfolioBox .postlink { padding: 12px 10px 10px 10px; border: 1px solid #ffffff; color: #ffffff; margin-left: 5px; }
.portfolioBox .iconBox i { font-size: 20px; }
.overInner h3 { display: block; color: #ffffff; margin-bottom: 0; }
.overInner span { display: block; font-size: 15px; color: #ffffff; font-family: 'Oswald',serif; }

/* filter */
.portfolioFilterSide { margin-bottom: 20px; }
.portfolioFilterSide p { font-size: 22px; padding-left: 15px; color: #aeaeae; font-family: 'Oswald'; }
.filterList { margin: 0; padding: 0; margin-left: 15px; overflow: hidden; }
.filterList li { float: left; list-style-type: none; width: 50%; margin-bottom: 10px; }
.filterList li:before { font-family:'FontAwesome'; content:"\f10c"; color: #aeaeae; padding-right: 5px;}
.filterList li.active:before { color: #0cadbe; content: "\f192"; }
.filterList li:hover:before { color: #0cadbe; }
.filterList a { color: #aeaeae; }
/*************************/
/******PORTFOLIO 2********/
/*************************/
.portfolioSlider { overflow: hidden; }
.portfolioSlides {
margin: 0 0 60px;
position: relative;
zoom: 1;
}
.portfolioSlides ul.slides li { position: relative; 
-webkit-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
   -moz-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
     -o-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
        transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutCirc */
        }
.portfolioSlides ul.slides li.open { width: 600px !important; }

  @-webkit-keyframes rubberBand {
  0% {
    width: 333px;
  }

  30% {
    width: 373px;
  }

  40% {
    width: 393px;
  }

  60% {
    width: 444px;
  }

  100% {
    width: 500px;
  }
}
.portfolioSlides .slide { position: relative; width: 100%; height: 100%;}
.filterslide:hover{-webkit-filter: brightness(0.2);
-moz-filter: brightness(0.2);
-o-filter: brightness(0.2);
-ms-filter: brightness(0.2);}
.portfolioSlides ul.slides li img { width: auto; height: 100%; max-width: none;}
.portfolioSlides .title { 
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
text-align: center;
width: 140px;
height: 130px;
top: 70%;
left: 33%;
background: #fff;
}
.portfolioSlides .title:hover { background: #585858; }
.portfolioSlides .title:hover a { color: #fff; }
.portfolioSlides .title:hover .number { border-color: #fff;}
.portfolioSlides .title a { color: #4f4f4f; }
.portfolioSlides .title p { display: inline-block; }
.portfolioSlides p.titles  { display: block }
.portfolioSlides .title .number { width: 41px; padding: 20px 3px 0 3px; font-size: 22px; border-bottom: 1px solid #585858;}

.portfolioSlider .flex-direction-nav {
position: absolute;
bottom: 0;
right: 20px;
}

.portfolioSlider .flex-direction-nav li { float: left; background: #fff; padding: 8px 13px 5px 13px; margin-left: 5px;}

.portfolioSlider .flex-direction-nav a {
display: block;
float: left;
width: 40px;
height: 55px;
margin: 0;
position: relative;
top: auto;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
color: rgba(0,0,0,0.8);
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}

.portfolioSlider .flex-direction-nav .flex-prev {
left: auto;
text-align: center;
}

.portfolioSlider .flex-direction-nav .flex-next {
right: auto;
text-align: center;
}

/* Portfolio - 3 */
.portfolio-3 { padding: 30px 0 0 20px;}
.portfolio-style-3-filter { border: 4px double #efefef; border-width: 4px 0 4px 0; display: block; position: relative; overflow: hidden;
margin-bottom: 40px; }
.portfolio-style-3-filter span { color: #4e4e4e; padding: 0 15px; }
.portfolio-style-3-filter ul { margin: 0; padding: 0; }
.portfolio-style-3-filter ul li { -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;float: left; list-style: none; margin-right: 5px; font-weight: 600; line-height: 54px; font-size: 16px; color: #4e4e4e; }
.portfolio-style-3-filter ul li.active { color:#0cadbe;}
.portfolio-style-3-filter ul li:hover { color: #0cadbe;}
.portfolio-style-3 .portfolio-3-wrapper { position: relative; width: auto; height: auto; display: block; }
.portfolio-style-3 .grid-sizer { width: 31%; float: left; }
.portfolio-style-3 .portfolio-title{color:#4a4a4a;}
.portfolio-style-3 .portfolio-content{color:#363636;}
.portfolio-style-3 .portfolio-item-3 { width:31%; float: left; padding: 10px;  margin-bottom: 38px; text-align: center; border: 1px solid #e9e9e9;-webkit-box-shadow: 0px 7px 0px #696969;-moz-box-shadow: 0px 7px 0px #696969;box-shadow: 0px 7px 0px #696969;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.portfolio-style-3 .portfolio-item-3:hover {-webkit-box-shadow: 0px 7px 0px #0cadbe;-moz-box-shadow: 0px 7px 0px #0cadbe;box-shadow: 0px 7px 0px #0cadbe;}
.portfolio-style-3 .portfolio-thumbnail {
	position: relative;
	overflow:hidden;
	-webkit-perspective:250px;
	perspective:250px;
}
.portfolio-item-3 h4 { margin-top: 20px; }
.portfolio-3 .overthumb { 
  position: absolute;
  left:50%;
  top:50%;
  display: block;
  background: #0cadbe;
  text-align: center;
  width: 0%;
  height: 0%;
  opacity: 0;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;    
}  
.portfolio-3 .carousel-icon {
  font-size: 19px;
  opacity: 1;
  display: block;
  position: absolute;
  top:100%;
  text-align: center;
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;  
}
.portfolio-3 .lightzoom {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 14px 10px 11px 14px;
  background: #fff;
  color: #000;
  margin-right: 5px;
  opacity: 1;
}
.portfolio-3 .postlink {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 14px 14px 11px 14px;
  background: #fff;
  color: #000;
  margin-left: 5px;
  opacity: 1;
}
.portfolio-3 .portfolio-thumbnail:hover .overthumb {
  -webkit-animation: burak 0.6s;
   animation: burak 0.6s;
  top: 0;
  left: 0;
  opacity: 0.7;
  width: 100%;
  height: 100%;
} 
 @-webkit-keyframes burak {
      0% { -webkit-transform: perspective(1300px) rotateX(45deg) rotateY(90deg)}
      50% { -webkit-transform: perspective(600px) rotateX(24deg) rotateY(45deg) }
      100% { -webkit-transform: perspective(0) rotateX(0deg) rotateY(0deg) }
    }

    @keyframes burak {
      0% {
        transform: perspective(1300px) rotateX(45deg) rotateY(90deg);
        -webkit-transform: perspective(1300px) rotateX(45deg) rotateY(90deg) ;
      } 50% {
        transform: perspective(600px) rotateX(24deg) rotateY(45deg);
        -webkit-transform: perspective(600px) rotateX(24deg) rotateY(45deg);
      } 100% {
        transform: perspective(0) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(0) rotateX(0deg) rotateY(0deg);
      }
    }
.portfolio-3 .portfolio-thumbnail:hover .carousel-icon {
  opacity: 1;
  top:40%;
}
.portfolio-3 .portfolio-thumbnail img{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.portfolio-3 .portfolio-thumbnail:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
/* Portfolio Single */

.content-left { width: 75%; overflow: hidden; float: left; padding-right: 30px; margin-top: 15px; }
.content-right { width: 25%; overflow: hidden; float: left; margin-top: 15px; }
.content-left h3, .content-right h3 { margin-bottom: 20px;} 
.portfolio-meta { -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;float: none; overflow: hidden; margin-bottom: 8px; cursor: pointer; }
.singlePage .holder { -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #dadada; -webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px; padding-top: 1px; padding-left: 1px; width: 32px; height: 32px;  float: left; text-align: center; color: #888888; line-height: 32px; }
.singlePage .project-meta { float: left; margin-left: 15px; height: 32px; line-height: 32px;}
.singlePage .project-meta a { color: #4e4e4e; }
.singlePage .portfolio-meta:hover .holder { background: #0cadbe; color: #fff; }
.singlePage .portfolio-meta:hover .project-meta, .project-meta a:hover { color: #0cadbe; }
/************************/
/*         TEAM         */
/************************/
.team-members{border:1px solid #f4f4f4; padding:1px;position: relative;overflow: hidden;}
.team-members:hover .team-detail{bottom: 0;}
.team-detail{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    bottom: -200%;background-color: #4b4b4b;position: absolute;text-align: center;padding:0px 30px 10px 30px;}
.team-detail h3{color: #fff;font-size: 24px;}
.team-detail h4{color: #e0e0e0;font-size: 14px;}
.team-detail p{color: #c8c8c8;font-size: 12px;}
.team-detail .team-social i{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;font-size: 16px;margin-right: 12px;}
.team-detail .team-social i:hover{color: #0cadbe;}

/************************/
/*     NOTIFICATION     */
/************************/
.notification  h3 {margin-top: 0; margin-bottom: 30px;}
.notification .alert {font-size: 13px; padding: 14px 12px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);font-weight: 600; margin-bottom: 8px;}
.notification .alert i{margin-top:3px;margin-right: 12px;}
.notification .alert-success {background-color: #c3de7a; border-color: #b0c383; color:#7ea120;}
.notification .alert-info {background-color: #89d4db; border-color: #84b5b9; color:#3f9da6;}
.notification .alert-warning {background-color: #f9df8a; border-color: #d5c893; color:#ceae46;}
.notification .alert-danger {background-color: #e57e7e; border-color: #aa635f; color:#ac4444;}
/************************/
/*          FAQ         */
/************************/
.toggle {cursor: pointer; font-size: 18px; clear: both; line-height: 54px; padding-left: 33px; margin-bottom: 0px; border-bottom: 1px solid #dddddd;
    background: #fff url(../img/toggleplus.png) no-repeat 0px 14px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;  
}
.toggle.title-active { border-bottom: none; background: #fff url(../img/toggleminus.png) no-repeat 0px 14px; }
.toggle-content {display: none;border-bottom: 1px solid #dddddd; overflow: hidden;}
.toggle-content p,.toggle-content-opened p{padding: 10px 5px 0px 0px; color: #616161;}
.toggle-content img,.toggle-content-opened img{padding: 10px 15px 6px 0px;}
.toggle-content-opened{border-bottom: 1px solid #dddddd;}

/*** Classic Tabs ***/
.tab-content img{margin:10px;}
.tabs-classic h3 { margin-bottom: 30px; }
.tabs-classic .tab-content {
  border: 1px solid #f6f6f6;
  background: #fff;
  padding: 30px 30px 50px 15px;
}

.tabs-classic .tab-content img {
  margin-left: 20px;
  margin-right: 20px;
}

.tabs-classic .nav-tabs>li.active>a, .tabs-classic .nav-tabs>li.active>a:hover, .tabs-classic .nav-tabs>li.active>a:focus, .tabs-classic .nav-tabs>li>a:hover {
  border-top: 4px solid #0cadbe;
  border-color: #0cadbe #f6f6f6 #fff #f6f6f6;
  background: #fff;
  color: #0cadbe;
}
.tabs-classic .nav-tabs { border-bottom: 0; }

.tabs-classic .nav-tabs>li>a { background: #f6f6f6; font-weight: 600; font-size: 13px; color: #797979; border-top: 4px solid #f6f6f6; }
/************************/
/*** Tour Section 2 ***/
/************************/
.tour-section-2 h3 { margin-bottom: 30px; margin-top: 0; }
.tour-section-2 .nav-tabs { width: 30%; float:left; font-size: 13px; border:0; }
.tour-section-2 .nav-tabs>li { float: none; margin-bottom: 2px; }
.tour-section-2 .nav-tabs>li a{ font-size:13px; font-weight: 600; float: none; color:#797979; background: #f6f6f6; border: 1px solid #f6f6f6; margin-right: 0; border-left: 4px solid #f6f6f6; }
.tour-section-2 .nav-tabs>li.active>a, .tour-section-2 .nav-tabs>li.active>a:hover, .tour-section-2  .nav-tabs>li.active>a:focus, .tour-section-2 .nav-tabs>li>a:hover, .tour-section-2 .nav>li>a:focus  {
color: #0cadbe; background: #fff; border-left: 4px solid #0cadbe; border-right: 1px solid #fff;}
.tour-section-2 .tab-content { margin-left: -1px; border: 1px solid #f6f6f6; width: 70%; float: left; padding: 15px 15px 25px 22px; }
.tour-section-2 i{font-size: 20px;margin-right: 10px;}
.tour-section-2 .vertec-video{font-size:13px;}
.tour-section-2 .vertec-image{font-size:15px;}
/************************/
/*** Tour Section 2 Right Side ***/
/************************/
.tour-section-2 .tab-content.pull-right { margin-left: 0; }
.tour-section-2 .nav-tabs.pull-right { margin-left: -1px; }
.tour-section-2 .nav-tabs.pull-right>li a{border-right: 4px solid #f6f6f6; }
.tour-section-2 .nav-tabs.pull-right>li.active>a, .tour-section-2 .nav-tabs.pull-right>li.active>a:hover, .tour-section-2 .nav-tabs.pull-right>li.active>a:focus, .tour-section-2 .nav-tabs.pull-right>li>a:hover, .tour-section-2 .nav.pull-right>li>a:focus {
border: 1px solid #f6f6f6; border-right: 4px solid #0cadbe;
border-left: 1px solid #fff;
}
/************************/
/*** TABLES ***/
/************************/
.table-row-1{background: #0cadbe; color: #fff; font-weight: bold; line-height: 67px; text-align: center; font-size: 16px; border-bottom: 1px solid #fff;}
.table-row-1 p, .table-row-2 p{margin: 0px;}
.table-title{background: #4f4f4f; border-right: 1px solid #e7e7e7;}
.table-title h3{color: #fff; font-size: 26px; text-align: center; line-height: 67px;margin-bottom: 0px;}
.table-titles{margin-top: 279px;}
.table-row-2{background: #f6f6f6; color: #6e6e6e; text-align: center; font-size: 16px; line-height: 67px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
.table-row-2 .fa-check{color:#abd064; font-size: 25px;}
.table-row-2 .fa-times{color:#ec6767; font-size: 25px;}
.price{margin: 0 auto; margin-bottom: 55px; text-align: center; width: 128px; height: 128px; padding-top: 43px; border-radius: 100%; background: #4f4f4f; line-height: 40px;-webkit-box-shadow: -1px 26px 41px -18px rgba(0,0,0,0.35); -moz-box-shadow: -1px 26px 41px -18px rgba(0,0,0,0.35); box-shadow: -1px 26px 41px -18px rgba(0,0,0,0.35);}
.price .mcurrency {vertical-align: top; color: #fff;}
.price .money {font-size: 50px; font-weight: 900; color: #fff;}
.price .cent {color: #fff;}
.vertec-table .col-md-3, .vertec-table .col-md-4, .vertec-table .col-md-2{padding-right: 0px;padding-left: 0px;}
.table-info .button {background: #0cadbe; padding: 13px 25px; border-radius: 3px; border: 2px solid #98af2b; color: #fff; font-size: 13px; font-weight: bold;}
.table-info { margin-top: 30px;}
/************************/
/*** ACCORDION ***/
/************************/
.panel-group .panel {border-bottom: 1px solid #dddddd;border-left: none;border-right: none;border-top: none;}
.panel-default>.panel-heading {color: #707070;background: none;}
.panel-title { 
background: url(../img/toggleplus.png) no-repeat 0px 0px;

line-height: 24px;
}
.panel-title a { padding-left: 36px; }
.panel-title.panel-title-active { background: url(../img/toggleminus.png) no-repeat 0px 0px; }

.amanba{display: table;}
#donutchart1,  #donutchart2, #donutchart3, #donutchart4 {display: table-cell;}
.amanba p { text-align: center; font-weight: bold; }
/************************/
/*   Contact Pages      */
/************************/
.contact-icons .social-box {
    background: #fff;
    font-size: 16px;
    color: #aeaeae;
    border: 1px solid #e3e3e3;
    height: 34px;
    line-height: 32px;
    text-align: center;
    min-width: 34px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.contact-page-form .col-md-6{top:-5px;}
.contact-page-form h3,.bg-contact-social h3{padding-top: 50px;}
.contact-info i{margin-right: 5px;}
.contact-info p{line-height: 20px;}
.contact-form-2 .form-horizontal .form-group {margin-left: 0;}
.bg-contact-social h3 span{color: #fff;}
.bg-contact-social p,.bg-contact-social i{color: #fff;}
.bg-contact-social .contact-icons i{color: #0cadbe;}
.contact-form .form-group label{text-align: left;padding-right:0px;padding-left:0px;font-weight:normal;font-size: 13px;}
.contact-form .form-group .col-sm-8{padding: 0px;}
.contact-form .form-group .col-sm-10{padding: 0px;}
.contact-form2 .form-group label{text-align: left;font-weight:normal;font-size: 13px;}
.copyright-section {text-align: center;background: #f4f4f4;}
.bg-map .container .col-md-12{padding: 0px;}
.form-control{border: 1px solid #eaeaea; border-radius: 3px;}
.submit-button{position: absolute;right: 5px;bottom: 31px;}
.submit-button button{background: #0cadbe;border: 2px solid #d03333;border-radius: 3px;color: #fff;padding: 7px 10px;}
.bg-contact-social .col-md-6{background:#0cadbe url('../content/contact-image.png') no-repeat right top; height: 487px;top: -5px;}
/************************/
/*   Services Section   */
/************************/
.services-1 {
    padding: 40px 15px 40px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
    text-align: center;
    -moz-box-shadow:    1px 3px 5px 1px #eeeeee;
    -webkit-box-shadow: 1px 3px 5px 1px #eeeeee;
    box-shadow:         1px 3px 5px 1px #eeeeee;    
}

.services-1 img {
    margin: auto;
}

.services-1 h4 {
    color: #4a4a4a;
    font-weight: normal;
}

.services-1 p {
    font-size: 13px;
    color: #707070;
}

.services-1 .holder {
    width: 114px;
    height: 114px;
    background: #f5f5f5;
    color: #b9b9b9;
    margin: 0 auto;
    line-height: 114px;
    padding-top: 15px;
    border-radius: 50%;
}
.services-1, .services-1 h4, .services-1 p, .services-1 .holder   {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;  
}
.services-1:hover {
    background: #4b4b4b;
}

.services-1:hover p {
    color: #fff;
}

.services-1:hover h4 {
    color: #fff;
    text-shadow: 0.1px 0.1px 1px #fff;
}

.services-1:hover .holder {
    background: #fff;
    color: #4b4b4b;
}
/************************/
/*   FOOTER WIDGETS     */
/************************/
.headings-services h1{margin-top: 0px;}
.shortcodes-headings .col-md-9{padding-left:0px;}
.shortcodes-columns h3{border-bottom: 4px double #dddddd;padding-bottom: 10px;}

.mainFooter-white{background-color: #fff;margin-top: 50px;}
.mainFooter-white h3{
  font-size: 28px;
  color: #535353;
  margin-top: 0;
  display: block;
  border-bottom: 4px double #dddddd;
  line-height: 45px;
}
.mainFooter-white .popular-post {
  padding-bottom:13px;
  padding-top: 13px;
  border-bottom: 1px solid #f2f2f2;
}
.mainFooter-white .popular-post img {
  height: 64px;
  width: 72px;
  float: left;
  margin-right: 15px;
}
.mainFooter-white .popular-post h6, .mainFooter-white .popular-post h6 a {
  font-size: 16px;
  font-family: arial,sans-serif;
  color: #898989;
  font-weight: normal;
  text-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
}


.mainFooter-white .popular-post .popular-date {
  color: #5b5b5b;
  font-size: 12px;
  margin: 0;
}

.mainFooter-white .popular-post .popular-author, .mainFooter-white .popular-post .popular-author a {
  color: #5e5e5e;
  font-size: 14px;
  margin: 0;
}
.mainFooter-white .flickr-widget a{float: left;margin-right: 8px;margin-bottom: 10px;}
.mainFooter-white .flickr-widget {padding-top: 13px;}
.mainFooter-white .text-widget {padding-top: 7px;}

.mainFooter .popular-post {
  padding-bottom:13px;
  padding-top: 13px;
  border-bottom: 1px solid #414141;
}
.mainFooter .popular-post img {
  height: 64px;
  width: 72px;
  float: left;
  margin-right: 15px;
}
.mainFooter .popular-post h6, .mainFooter .popular-post h6 a {
  font-size: 16px;
  font-family: arial,sans-serif;
  color: #888888;
  font-weight: normal;
  text-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
}

.mainFooter .popular-post h6 a:hover {
  color: #fff;
}

.mainFooter .popular-post .popular-date {
  color: #5b5b5b;
  font-size: 12px;
  margin: 0;
}

.mainFooter .popular-post .popular-author, .mainFooter .popular-post .popular-author a {
  color: #5e5e5e;
  font-size: 14px;
  margin: 0;
}
.mainFooter .flickr-widget a{float: left;margin-right: 8px;margin-bottom: 10px;}
.mainFooter .flickr-widget {padding-top: 13px;}
.mainFooter .text-widget {padding-top: 7px;}
/************************/
/*   Animation Timer    */
/************************/
.anim1 { animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.anim2 { animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.anim3 { animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.anim4 { animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.anim5 { animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; }
/************************/
/*   Responsive Query   */
/************************/
@media (max-width: 1980px) {
.blogSizer, .blogBox1 { width: 31.866666%; }
}

@media (min-width: 1201px) and (max-width: 1680px) {
.blogSizer, .blogBox1 { width: 30.7666666%; }
.html_carousel div.slide .slide-excerpt { width: 86%; }
.blogBox2 { width: 50% !important; margin-bottom: 30px; }
.blog2thumb { float: left; width: 100%;  }
.blog2intro { float: left; width: 100%; }
.blogBox3 { width: 50%; }
}

@media (max-width: 1200px) {
.blogSizer, .blogBox1 { width: 29.4666666%; }
.html_carousel div.slide .slide-excerpt { width: 82%; }
.blogBox2 { width: 50% !important; margin-bottom: 30px; }
.blog2thumb { float: left; width: 100%;  }
.blog2intro { float: left; width: 100%; }
.blogBox3 { width: 50%; }
.content-left { width: 68%; }
.content-right { width: 32%; }
.amanba .col-md-3 { width: 50%; float: left; }
}

@media (min-width: 768px) and (max-width: 991px) {
.nicescroll-rails { display: none !important; }
.mainContent { width: 100% !important;}
/* HEADER */
.hideHeader { display: none; }
.mobileNav { display: block; }
.header1 .mainHeader { padding: 0;}
.header { margin-left: -292px; }
.header.vertecClosed { margin-left: 0; display: block; width: 100%;
    -webkit-transform: perspective(1300px) translateZ(0) translateY(0px)  rotateY(0deg);
    transform: perspective(1300px) translateZ(0px) translateY(0px)  rotateY(0deg);
    transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;-ms-transition: all 0.2s;
}
.mainContent { margin-left: 0; }
.siteWrapper { float: left; }
/* BLOG */
.blogSizer, .blogBox1 { width: 45.4666666%; }
.portfolioSizer, .portfolioBox { width: 50%; }
.html_carousel div.slide .slide-excerpt { width: 82%; }
.blogBox2 { width: 50% !important; margin-bottom: 30px; }
.blog2thumb { float: left; width: 100%;  }
.blog2intro { float: left; width: 100%; }
.blogBox3 { width: 50%; }
.blog3intro { bottom: 0; }
.portfolioSlides .title { 
top: 55%;
left: 15%;
background: #fff;
}
.amanba .col-md-3 { width: 50%; float: left; }
.col-md-3 { width: 50%; float: left;}
  .portfolio-style-3 .grid-sizer { width: 30%; }
  .portfolio-style-3 .portfolio-item-3 { width:30%; }
  .table-titles { display: none; }
}

@media (max-width: 767px) { 
.nicescroll-rails { display: none !important; }
.mainContent { width: 100% !important;}
/* HEADER */
.hideHeader { display: none; }
.mobileNav { display: block; }
.header1 .mainHeader { padding: 0;}
.header { margin-left: -292px; }
.header.vertecClosed { margin-left: 0; display: block; width: 100%;
    -webkit-transform: perspective(1300px) translateZ(0) translateY(0px)  rotateY(0deg);
    transform: perspective(1300px) translateZ(0px) translateY(0px)  rotateY(0deg);
    transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;-ms-transition: all 0.2s;
}
.mainContent { margin-left: 0; }
.siteWrapper { float: left; }
/* BLOG */
.blogSizer, .blogBox1 { width: 45.4666666%; }
.portfolioSizer, .portfolioBox { width: 50%; }
.blogBox2 { width: 50% !important; margin-bottom: 30px; }
.blog2thumb { float: left; width: 100%;  }
.blog2intro { float: left; width: 100%; }
.blogBox3 { width: 100%; }
.blog3intro { bottom: 0; }
/* HTML BLOG SLIDER */
.html_carousel div.slide div.slide-intro { height: 26px;}
.html_carousel div.slide p { font-size: 12px; }
.html_carousel div.slide h4 { font-size: 16px; }
.html_carousel div.slide .slide-excerpt { padding-bottom: 5px; margin-top: 5px; }
.html_carousel div.slide .blog-meta { margin-top: 5px; font-size: 12px;}
.html_carousel .nextprev { position: absolute; bottom: 35px; right: 5%; }
.html_carousel div.slide div.slide-intro { padding-left: 5px; }
.content-left { width: 100%; }
.content-right { width: 100%; }
.portfolioSlides .title { 
top: 55%;
left: 16%;
background: #fff;
}
.amanba .col-md-3 { width: 50%; float: left;}
.col-md-3 { width: 50%; float: left;}
  .portfolio-style-3 .grid-sizer { width: 27%; }
  .portfolio-style-3 .portfolio-item-3 { width:27%; }
  .table-titles { display: none; }
}

@media (max-width: 480px) {
.nicescroll-rails { display: none !important; }
.mainContent { width: 100% !important;}
/* HEADER */
.hideHeader { display: none; }
.mobileNav { display: block; }
.header1 .mainHeader { padding: 0;}
.header { margin-left: -292px; }
.header.vertecClosed { margin-left: 0; display: block; width: 100%;
    -webkit-transform: perspective(1300px) translateZ(0) translateY(0px)  rotateY(0deg);
    transform: perspective(1300px) translateZ(0px) translateY(0px)  rotateY(0deg);
    transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;-ms-transition: all 0.2s;
}
.mainContent { margin-left: 0; }
.siteWrapper { float: left; }
/* BLOG */
.blogSizer, .blogBox1 { width: 100%; }
.portfolioSizer, .portfolioBox { width: 100%; }
.blogBox2 { width: 100% !important; margin-bottom: 20px; }
.blog2thumb { float: left; width: 100%;  }
.blog2intro { float: left; width: 100%; }
.blogBox3 { width: 100%; }
.blog3intro { bottom: 0; }
/* HTML BLOG SLIDER */
.html_carousel div.slide div.slide-intro { height: auto;}
.html_carousel div.slide p { font-size: 12px; }
.html_carousel div.slide h4 { font-size: 16px; }
.html_carousel div.slide .slide-excerpt { padding-bottom: 5px; margin-top: 5px; }
.html_carousel div.slide .blog-meta { margin-top: 5px; font-size: 12px;}
.html_carousel .nextprev { position: absolute; bottom: 47px; right: 5%; }
.html_carousel div.slide div.slide-intro { padding-left: 5px; }

.content-left { width: 100%; }
.content-right { width: 100%; }
.portfolioSlides .title { 
top: 55%;
left: 23%;
background: #000;
}
.amanba .col-md-3 { width: 50%; }
.col-md-3 { width: 100%; }  
  .portfolio-style-3 .grid-sizer { width: 100%; }
  .portfolio-style-3 .portfolio-item-3 { width:100%; }
  .table-titles { display: none; }
}