/*
-----------------------------------------------------------------------------------
        Theme Name: Diamond Theme
        Description:Flexible and responsive Business Theme by Wsel Sadek
        Theme URI: http://wsgraphic.wsblogz.com/themes/diamond/
        Author: Wael Sadek
        Author URI: http://wsgraphic.wsblogz.com/
        Version: 1.2
        License:
        License URI:
        Tags:one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-menu, featured-image-header, featured-images, post-formats, sticky-post, theme-options, translation-ready
*/



/* Styling Main */

/* ------------ BASE ------------- */



::selection {
    background: #03CDDC;
    color: #ffffff;
}
::-moz-selection {
    background: #03CDDC;
    color: #ffffff;
}
img.scale-with-grid {
    max-width: 100%;
    height: auto;
}
ul {
    margin: 0;
    list-style: none;
}
li{
    line-height: 1.9;
}
p {
    margin-bottom: 20px;
}
iframe, embed, img {
    max-width: 100%;
    border: none;
}    
a:hover {
    text-decoration: none;
}

/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #2f2f2f;
    font-weight: bold;
    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}
h1 {
    font-size: 28px;
    line-height: 1.6;
}
h2 {
    font-size: 22px;
    line-height: 1.6;
}
h3 {
    font-size: 18px;
    line-height: 1.6;
}
h4 {
    font-size: 16px;
    line-height: 1.6;
}
h5 {
    font-size: 14px;
    line-height: 1.6;
}
h6 {
    font-size: 12px;
    line-height: 1.6;
}
.highlight { 
    color: #03CDDC;
}
p {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin: 0 0 20px 0;
}
p img {
    margin: 0;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
small {
    font-size: 80%;
}
hr {
    clear: both;
    margin: 10px 0 30px;
    height: 0;
    border: solid #ddd;
    border-width: 1px 0 0;
}
pre {
    overflow-x:auto;
    margin: 0 0 20px 0;
    padding: 10px 20px;
    height: auto;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f7f7f7;
    font-family: Consolas, monospace;
}
.hidden {  display: none !important; }
dt{
    line-height: 2;
}
/* 02. Links and Form */

a{
    outline: 0;
    color: #8d8d8d;
    text-decoration: none;
}
a:hover,
a:focus {
    outline: 0;
    color: #666666;
    text-decoration: none;
}
a
{
    -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;
}
.ls-inner a{
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
ul,
ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol,
ul { margin-left: 15px; }
ol { list-style: decimal; }
ul { list-style: disc outside; }
aside ul,.ott-twitter ul.jtwt{position: relative; margin: 0; list-style: none;}
aside ul ul{margin-top: 15px;}
ul li ul,
ol li ul,
ol li ul,
ol li ol { margin-bottom: 0; }
form,
fieldset { margin-bottom: 20px; }

@-moz-document url-prefix() { 

    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea,
    select  {
    height:42px;
    padding: 0 10px ;
}
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    display: block;
    margin: 0;
    margin-bottom: 20px;
    padding: 0px 8px;    
    width: 226px;
    outline: none;
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #8d8d8d;
    font-size: 13px;
    font-family: "Montserrat",Arial, Helvetica, sans-serif;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
textarea{
	padding: 8px;	
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #d6d6d6;
    color: #333;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
textarea { min-height: 120px; }
select {
    padding: 5px;
    width: 220px;
    height: 40px;
}
label,
legend {
    display: block;
    cursor: pointer;
}
label span,
legend span { font-weight: bold; }
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    padding: 12px 16px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #03CDDC;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
    cursor: pointer;
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
    opacity: 0.8;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 10px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 10px 20px;
}

a img.alignnone {
    margin: 5px 20px 10px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.wp-caption {
    padding: 5px 3px 10px;
    max-width: 96%; /* Image does not overflow the content area */
    border: 1px solid #f0f0f0;
    background: #fff;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    max-width: 98.5%;
    width: auto;
    height: auto;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px;
}

/* WP Default Gallery */

.gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
}
.gallery .gallery-row {
    display:block;
    clear: both;
    overflow: hidden;
    margin: 0;
}
.gallery .gallery-item {
    overflow: hidden;
    float: left;
    text-align: center;
    list-style: none;
    padding: 0;
    border: 1px solid #efefef;
    margin: 0 10px 10px 0;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
    max-width: 90%;
    height: auto;
    margin: 5% auto;
}
.gallery-caption {
    margin: 0 0 8px;
    font-style: italic;
    font-family: arial;
}

/* ---------- HEADER ------------- */
#header{
    position: relative;
}

header#header .container{
    position: relative;
}
header#header .container .row .span2{
    background: #03CDDC;
}



.ott-header-wrap{
	width:1170px;
	margin:0 auto;
	position:relative;	
}



.ott-header-inner{
	width:1170px;
	position:absolute;
	left:0px;
	top:30px;	
	z-index:3;

}

.ott-header-bg{
 	box-shadow: 0 0 5px rgba(1, 1, 1, 0.1);
	background:#2A2E33;
	height:75px;
	position:relative;
}

#header  ul.social_wrapper{
	margin:0px;
	float:right;
	height:30px;
	position:relative;
	background:#2a2e33;
	padding:0 5px;
}
#header .header-inner{
	padding:0px;
	height:75px;	

}
#header .header-inner-wrapper{
	position:absolute;
	width:100%;
	top:35px
}
#header  #page-title{
	padding:240px 0px 25px;
}
#header.header-inner{
	background:#2a2e33;
	margin:0 auto;
}
#header .ott-logo{
	padding-left:20px;
}
#header .menu-container{
	height:75px;	
	float:right;
}
#header  nav ul.sf-menu{
	float:right;
}


.header-minimal{
	padding:30px 0 0px	;
	border-top:5px #03CDDC  solid;
}

.ott-header-bg-minimal .header-inner-side{
	margin:0 auto;
	padding-bottom:30px;
}

#header .header-minimal .menu-container{
	float:left;
	width:100%	;
	margin-top:10px;
	
}
#navigation-wrapper-side{
	margin-right:40px;	
}

#header .header-minimal  nav ul.sf-menu{
	float:right;
	margin:0px;
}

#header .header-minimal .sf-menu ul:before {
   border-bottom: 7px solid rgba(0, 0, 0, 0.35);
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    top: -7px;
}

#header .header-minimal .sf-menu ul:after {
    border-bottom: 6px solid #2A2E33;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    left: 21px;
    position: absolute;
    top: -6px;
}


#main, #slider{
	min-height:200px;	
}

#header.style2{
	height:auto !important;	
}

.mobile-menu-warp .show-mobile-menu{
	top:-56px;
	padding-top:6px;
} 


.header-minimal{
	position:relative;	
}
.mobile-menu-warp{
	position:relative;	

}

#header.header-style1 .ott-logo{
	padding-top:0 !important;	
}
#header.header-style1 .ott-logo img{
	max-height:75px;	
}

#navigation-wrapper-metro ul.sf-menu > li a {
	padding:20px 30px;
	background:#2A2E33;
	margin-right:5px;
}

#navigation-wrapper-metro .ott-menu-icon {
    float: left;
    line-height: 45px;
	width:100%;
	text-align:center;
    margin-right: 0px;
	font-size:40px;
    transition: all 0.3s ease-in-out 0s;
}

#navigation-wrapper-metro.only-icon .ott-des-prepend{
	line-height:30px;
	text-align:center;	
	float:none;
	padding:0px 10px;
}

#navigation-wrapper-metro ul.sf-menu > li a{
	text-align:center;
	
}

#navigation-wrapper-metro ul.sf-menu li ul li a{
	text-align:left;
	padding:10px 0px
}

#navigation-wrapper-metro .ott-description{
	display:none;
}

#navigation-wrapper-metro  .sf-menu ul {
    left: -15px;
}

#header.header-style3 .ott-logo{
	margin-left:0px;	
	padding-left:0px;
}
.sf-menu li a .ott-description{
	font-family:Arial, Helvetica, sans-serif !important;
	font-style:normal;	
}



/* logo */
#header .ott-logo {
    position: relative;
    font-size: 28px;
    line-height: normal;
	color:#fff;
    display: inline-block;
    *display: inline;
    padding-left: 30px;
}

#header .ott-logo .logo{
    color: #111;
}
.menu-container{
    float: right;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
}
.sf-menu > li {
    float: left;
    -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;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    z-index: 9999;
    display: block;
}

.sf-menu a {
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}

/* Menu Styling*/

.sf-menu [class^="icon-"],.sf-menu [class*=" icon-"]{
    font-size: 14px;
}
ul.sf-menu > [class^="icon-"] a,.sf-menu > [class*=" icon-"] a{
    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.sf-menu > [class^="icon-"]:before, .sf-menu > [class*=" icon-"]:before{
    position: relative;
    bottom: -40px;
    display: block;
    color: #000;
    text-align: center;
}
.sf-menu ul{
    left: -16px;
}
ul.sf-menu > li > a{
    height:71px;
	line-height:71px;
    border-top: 4px solid transparent;
    text-transform: uppercase;
}
ul.sf-menu > li a{    
    display: block;
    color: #808080;
    font-weight: bold;
	padding:0px 20px;
    font-size: 13px;
    font-family: 'Montserrat',Arial,sans-serif;
}
ul.sf-menu li ul li a{
    margin: 0px 20px;
    padding: 10px 0px;
    width: 160px;
    border-bottom:1px dotted #444444;
    color: #aaaaaa;
    letter-spacing: normal;
    font-weight: normal;
	background:none !important;
	border-top:0px !important;
}


ul.sf-menu li ul li a:hover{
    color: #fff;
}
ul.sf-menu li ul li{
    background-color: #222222;
    text-align: left;
}
ul.sf-menu > li:hover > a{
    border-top: 4px solid transparent;
    color: #03CDDC;
}

.sf-menu > li .current-menu-item > a,#sidebar ul.menu li.current_page_item a{
    color: #03CDDC;
}
ul.sf-menu li ul li.current_page_ancestor a{
    color: #fff;
}

#navigation-wrapper .current-menu-item > a, #navigation-wrapper .sf-menu > li.current_page_item a, 
#navigation-wrapper .sf-menu .current-menu-ancestor a.sf-with-ul,
#navigation-wrapper .sf-menu > li.current_page_item  > a,
#navigation-wrapper .sf-menu > li.current_page_ancestor >a,
#navigation-wrapper .sf-menu > li.current-menu-ancestor >a,
#navigation-wrapper .sf-menu > li.current-menu-item > a, 
#navigation-wrapper .sf-menu li.current_page_ancestor > a
#navigation-wrapper .sf-menu li.current-menu-parent > a
 {
    background: none repeat scroll 0 0 #1E2329;
    border-top: 4px solid #03CDDC !important;
}

#navigation-wrapper .current-menu-item > a:hover, 
#navigation-wrapper .sf-menu > li.current_page_item a:hover, 
#navigation-wrapper .sf-menu .current-menu-ancestor a.sf-with-ul:hover,
#navigation-wrapper .sf-menu > li.current_page_item  > a:hover,
#navigation-wrapper .sf-menu > li.current_page_ancestor >a:hover,
#navigation-wrapper .sf-menu > li.current-menu-ancestor >a:hover,
#navigation-wrapper .sf-menu li.current_page_ancestor > a:hover

{
    color:#03CDDC ;
    border-top: 4px solid #03CDDC ;
}

#navigation-wrapper .current-menu-item > ul li a, .sf-menu > li.current_page_item ul li a, 
#navigation-wrapper .sf-menu .current-menu-ancestor .sf-with-ul ul li a,
#navigation-wrapper .sf-menu > li.current_page_item  > ul li a,
#navigation-wrapper .sf-menu > li.current_page_ancestor > ul li a,
#navigation-wrapper .sf-menu > li.current-menu-ancestor > ul li a,
#navigation-wrapper .sf-menu > li.current-menu-item > ul li  a, 
#navigation-wrapper .sf-menu li.current_page_ancestor > ul li a,
#navigation-wrapper .sf-menu li.current-menu-parent > ul li a{
	border-top:0px !important;	
}

#navigation-wrapper .current-menu-item > ul li a:hover, .sf-menu > li.current_page_item ul li a:hover, 
#navigation-wrapper .sf-menu .current-menu-ancestor .sf-with-ul ul li a:hover,
#navigation-wrapper .sf-menu > li.current_page_item  > ul li a :hover,
#navigation-wrapper .sf-menu > li.current_page_ancestor > ul li a:hover,
#navigation-wrapper .sf-menu > li.current-menu-ancestor > ul li a:hover,
#navigation-wrapper .sf-menu > li.current-menu-item > ul li  a :hover, 
#navigation-wrapper .sf-menu li.current_page_ancestor > ul li a:hover,
#navigation-wrapper .sf-menu li.current-menu-parent > ul li a:hover{
	color:#fff !important;	
}


.current-menu-item > a i , .current-menu-item > a:hover i{
	color:#03CDDC !important;
}

.sf-menu a .ott-description, .sf-menu ul ul .ott-description{
	color:#555;	
}
.sf-menu a:hover, .sf-menu a:hover i{
	color:#fff;	
}
.ott-des-prepend{
	display:block;
	float:left;	
	line-height:14px;
	padding-top:22px;
}
.sf-menu li a .ott-description {
	font-size:11px;
	display:block;
	font-style:italic;
	text-transform:none;
}
ul.sf-menu li ul li a:hover{
	background:none !important;
	border-top: none !important;
	color:#fff;	
}


.ott-menu-icon{
	float:left;
	margin-right:10px;	
	line-height:60px;
	-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
#scroll-navigation  .ott-menu-icon{
	line-height:45px;
}

.only-icon .ott-menu-icon, .only-icon  .ott-des-prepend{
	line-height:71px ;
	padding:0px;
}
.no-icon ul.sf-menu > li a:before,
.no-icon ul.sf-menu > li:before
{
	display:none !important	
}

.only-icon .ott-description{
	display:none !important;
}


#scroll-header {
	border-bottom: 1px solid #555;
	display: block;
	position: fixed;
	top: -110px;
	z-index: 40;
	width: 100%;
	background:#2D2D2D;
	-webkit-transition: all 0.3s ease-in-out;  
	-moz-transition: all 0.3s ease-in-out;   
	-ms-transition: all 0.3s ease-in-out;  
	-o-transition: all 0.3s ease-in-out;   
	transition: all 0.2s ease-in-out;
	height:55px;
	opacity:.9
}
.scroll-header-inner{
	width:1260px;
	margin:0 auto;
	
	}
.theme-boxed #scroll-header{
	width:1260px;	
}
.boxed-layout #scroll-header {
	width: auto;
	padding: 0 30px;
}

/* fixed menu */

#scroll-navigation .ott-des-prepend{
	padding-top:15px;
 }
#scroll-navigation{
	
	float:right;	
}
#scroll-navigation .sf-menu a{
	height:55px;	
	padding-top:0px;
}


#scroll-navigation .sf-menu a span.ws-description{
	display:none;
}

#scroll-navigation .sf-menu ul a{
	line-height:30px;
	font-size:13px;
	height:auto;
	padding:10px 10px;
	font-size:12px;
}

#scroll-navigation .sf-menu a{
	text-shadow:none;
	color:#808080;
	border:0px;
	line-height:55px;
	height:55px;
}

#scroll-navigation .sf-menu a:hover{
	color:#fff;
}

#scroll-navigation .sf-menu a:hover i{
	color:#fff !important;
}


#scroll-navigation .sf-menu > li.current_page_item a, #scroll-navigation  
.sf-menu > li.current_page_ancestor a, #scroll-navigation  .sf-menu > li.current-menu-ancestor a,
#scroll-navigation  .sf-menu > li.current-menu-item a{
	color:#fff;
	    background: none repeat scroll 0 0 #1E2329;

}


#scroll-navigation .sf-menu > li.current_page_item a:hover, #scroll-navigation  
.sf-menu > li.current_page_ancestor a:hover, #scroll-navigation  .sf-menu > li.current-menu-ancestor a:hover,
#scroll-navigation  .sf-menu > li.current-menu-item a:hover{
	border-top:0px !important;
}

#scroll-navigation .sf-menu ul{
	left:0px;
}


.logo-mini  img{
	max-height:55px;
}


#scroll-navigation .current-menu-item > a i, #scroll-navigation .current-menu-item > a:hover i{
	line-height:50px;
	margin-right:8px;	
	color:#fff !important;
}


#scroll-navigation ul{
	margin:0px;
}

#mobile-menu .current-menu-item > a, 
#mobile-menu .sf-menu > li.current_page_item a, 
#mobile-menu .sf-menu .current-menu-ancestor a.sf-with-ul {
    background: none ;
    border-top: 0px solid #03CDDC;
	color:#fff !important;
}

#mobile-menu .current-menu-item > a:hover, 
#mobile-menu .sf-menu > li.current_page_item a:hover, 
#mobile-menu .sf-menu .current-menu-ancestor a.sf-with-ul:hover {
    border-top: 0px solid #03CDDC !important;
}


ul.sf-menu li ul li a:hover, ul.sf-menu li ul li.current-menu-item a, ul.sf-menu li ul li.current_page_item a{
	background:none !important;
	border-top:0px !important
}

#bottom .ott-footer-menu a{
	 color:#777777;
	 font-weight:normal;
	 background:none;
	 border:0px;	
}
#bottom .ott-footer-menu a:hover{
	color:#999;	
}
.ott-footer-menu li{
	padding:0px 5px 0px 15px !important;
	position:relative;	

}
.ott-footer-menu li:after{
	content: "";
    display: table;
	background:#777;
	height: 10px;
    width: 1px;
	position:absolute;
	left:0px;
	top:8px;	
}
.ott-footer-menu li:first-child:after{
	display:none;
}
.ott-footer-menu li:first-child{
	padding-left:0px !important;
}


/********************* sldier *************************/

.tp-rightarrow, .tp-leftarrow, .tp-rightarrow.round-old, .tp-leftarrow.round-old, .tp-rightarrow.default {
    border-radius: 0px !important;;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1) !important;;
    font-size: 30px !important;;
    height: 50px !important;;
    line-height: 30px!important;;
    margin-left: 20px !important;;
    margin-top: 0px !important;;
    text-align: center !important;;
    width: 50px !important;;
	position:absolute!important;;
	top:48% !important;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
	 border-radius:5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;

}
.tp-rightarrow, .tp-rightarrow.round-old, .tp-rightarrow.default {
     background:  rgba(0, 0, 0, 0.5) !important;
	 left:auto !important;

	   

}

#sldier .tp-rightarrow,  #sldier  .tp-rightarrow.round-old, #sldier  .tp-rightarrow.default {
	 right:-15px !important;;
}

#slider:hover .tp-rightarrow , #slider:hover .tp-rightarrow.round-old, #slider:hover  .tp-rightarrow.default {
	   right:15px !important;;
	   left:auto !important;
	   position:relative;
	  
}

.tp-leftarrow, .tp-leftarrow.round-old , .tp-leftarrow.default {
    background:  rgba(0, 0, 0, 0.5) !important;;
	right:auto !important;;
	margin:0 !important;;
	position:relative;
	right:20px;
}

#slider .tp-leftarrow, #slider .tp-leftarrow.round-old , #slider .tp-leftarrow.default {

	left:-45px !important;
}


.tp-leftarrow:before, .tp-leftarrow.round-old:before, .tp-leftarrow.default:before{
    content: '\e8ba';
    display: inline-block;
    font-family: fontello;
    color: #ddd;
    position: absolute;
    left: 20px;
	line-height:50px;
}

.tp-rightarrow:before, .tp-rightarrow.round-old:before, .tp-rightarrow.default:before{
    content: '\e8b9';
    display: inline-block;
    font-family: fontello;
    color: #ddd;
    position: absolute;
    left: 20px;
	line-height:50px;
}

.tp-leftarrow:hover, .tp-leftarrow:hover,  .tp-leftarrow.round-old:hover, .tp-rightarrow.round-old:hover, .tp-rightarrow.round:hover , .tp-leftarrow.round:hover, .tp-leftarrow.default:hover , .tp-rightarrow.default:hover {
	background-color:rgba(0, 0, 0, 0.9) !important;;
}


#slider:hover .tp-leftarrow , #slider:hover .tp-leftarrow.round-old, #slider:hover  .tp-leftarrow.default {
     background: no-repeat scroll center center rgba(0, 0, 0, 0.5) !important;;
	right:auto !important;;
	left:15px !important;
	   

}
.tp-bullets{
	bottom:45px !important;	
}

/* --------------------- Page TOp -------------------*/

.top-contact{
	margin-top:0px;
	float:left;
}
.top-contact a{
	color:#b6b6b6;
}
.top-contact span i{
	margin-right:5px;
	line-height:20px;
	margin-top:-2px;
	position:relative;
}
.top-contact span{
	font-size:12px;
	margin-right:10px;
}
.top-page-sec{
	position:relative;
	z-index:4;
	margin-bottom:10px;
}
.top-contact a,  .top-page-sec{
	font-weight:600;
}


/* -------------------------------- Search Top -----------------------------*/

.search-top{
	position:absolute;
	right:-25px;
	top:0px;	
	height:25px;
	width:25px;
	background:#2A2E33;
}
.search-top a{
	height:25px;
	width:25px;
}
.search-top a i{
	height:25px;
	width:25px;
	text-align:center;
	display:block;
	margin-top:3px;
	color:#666
}


.search-top a:hover i{
	color:#fff;	
}

.search-show:hover{
	color:#fff;	
}


#header .top-contact{
	background:#2a2e33;
	padding:0 5px 0px 15px;
	height:30px;
	line-height:30px;

}

#foo{
	left:-298px;
	position:absolute;	
	background:#fff;
	height:75px;
	top:-3px;
	display:none;
	width:300px;
}
#foo .search-btn{
	position:absolute;
	right:10px;
	top:15px;	
	height:40px;
	width:40px;
	background:#666;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: 	all ease-in-out 0.3s;
	-o-transition: 		all ease-in-out 0.3s;
	transition: 		all ease-in-out 0.3s;
}
#foo .search-btn:hover{
    -webkit-box-shadow: 0 0 5px rgba(1,1,1,.3);
    -moz-box-shadow: 0 0 5px rgba(1,1,1,.3);
    box-shadow: 0 0 5px rgba(1,1,1,.3);
}
#foo .search-btn #search_submit{
	text-indent:-99999px;
	width:40px;
	height:40px;
	border-radius: 0px;
	position:relative;
	z-index:2;
	background:none !important;
}
#foo .search-btn i{
	position:absolute;
	left:12px;
	top:8px;
	line-height:20px;
	color:#fff;
	font-size:14px;
	z-index:3;
	opacity:.6	;
	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
	z-index:1
}
.search-btn:hover i{
	opacity:1	;
	color:#fff;
}
#foo .search-txt{
	height:75px;
	width:240px;
	line-height:75px;
	border:0px;
	padding:0px 10px;
	box-shadow:none
}
#header .header-inner-wrapper .cart_dropdown .dropdown_widget{
	padding-top:75px;	
}
.top-contact a:hover{
	color:#fff;	
}
#header .cart_dropdown i{
	font-size:32px;	
	position:relative;
	top:5px;
	color:#fff
}

/* ------------------------------ Social Links ---------------------------------*/


.social_wrapper li{
	float:right;
	margin-left:0px;
	list-style:none;
	padding:0px;	
	height:30px;
	width:25px;
	text-align:center;
}

.socail-home{
 background: none repeat scroll 0 0 #f1f1f1;
    border-bottom: 1px solid #D9D9D9;
	text-align:center;
	margin-bottom:40px;
	padding:20px 0;
	position:relative;
	
}
ul.social_wrapper{
	margin:0px;
	float:right;
	height:30px;
	position:relative;
	padding:0 5px;
	
}

.social_wrapper li i{
	font-size:15px;
	margin:0 auto;
	display:block;
	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
	
}

#header .social_wrapper li i{
	color:#bfc9d3;
}
#header .social_wrapper li a:hover i{
	color:#fff;	
}
.social_wrapper a{
	padding:0;
   	display:block;
	
}
.social_wrapper a:hover i{
	color:#fff
}

.footer-social-links ul.social_wrapper {
	padding-top:10px;
	height:auto;
}

.footer-social-links .social_wrapper li{
	width:40px;
	height:40px;
	margin-right:5px;
	margin-bottom:5px;
}

.footer-social-links .social_wrapper li a{
	width:40px;
	height:40px;
	display:block;
	line-height:40px;
	text-align:center	
}

.footer-social-links .social_wrapper li i{
	color:#fff;
}
.footer-social-links .social_wrapper li a:hover{
	opacity:.6
}

a.ott-rss{
	background:#f4b83f;
}
a.ott-twitter{
	background:#84d7fd;
}
a.ott-facebook{
	background:#5b7fba;
}
a.ott-flickr{
	background:#0084e0;
}
a.ott-flickr{
	background:#0084e0;
}
a.ott-youtube{
	background:#d34b57
}
a.ott-vimeo{
	background:#494f74
}
a.ott-tumblr{
	background:#8094a5
}
a.ott-google{
	background:#db4836
}
a.ott-dribbble{
	background:#e95391
}
a.ott-linked{
	background:#e95391
}	
a.ott-pinterest{
	background:#cc2027	
}
a.ott-instagram{
	background:#a7725b	
}
a.ott-skyoe{
	background:#6dcff7	
}




/* ------------ mobile menu --------------- */
.show-mobile-menu {
    position: absolute;
    top:75px;
    width: 100%;
    height: 50px;
    background: #2A2E33;
    cursor: pointer;
	z-index:2
}
.show-mobile-menu .mobile-menu-icon{
    float: right;
    margin-right: 20px;
    width: 40px;
}
.show-mobile-menu .mobile-menu-text{display: none;
                                    float: left;
                                    margin-left: 20px;
                                    color: #FFF;
                                    font-size: 18px;
                                    line-height: 50px;
}
.mobile-menu-icon span {
    display: block;
    margin-bottom: 2px;
    width: 100%;
    height: 7px;
    background: #fff;
}

#mobile-menu {position:relative;display: none;padding:0px 20px;background:#2A2E33;padding-top:50px;}
#mobile-menu ul{margin: 0;padding:10px 0;width:100%;list-style: none;}
#mobile-menu ul.sub-menu{display: none;margin-top: 15px;margin-bottom: -15px;padding: 0;}
#mobile-menu ul li{position: relative;display: block;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);}
#mobile-menu ul li:first-child{border-top:none;}
#mobile-menu ul li a{display:block;display: inline-block !Important;padding-left: 10px !important;color:#999;font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;}
#mobile-menu ul li a:hover{color:#FFF;}
#mobile-menu ul li.has-children>.action-expand{float: right;width: 30px;text-align: center;height: 30px;font-size: 22px;line-height: 30px;
cursor: pointer;}
#mobile-menu ul li.has-children>.action-expand>.opened,#mobile-menu ul li.has-children.menu-open>.action-expand>.closed{display: none;}
#mobile-menu ul li.has-children>.action-expand>.closed,#mobile-menu ul li.has-children.menu-open>.action-expand>.opened{display: block;}
#mobile-menu ul ul li a:before{margin-right:5px;content:'-';}
#mobile-menu ul ul ul li a:before{margin-right:5px;content:'- -';}
#mobile-menu ul ul ul ul li a:before{margin-right:5px;content:'- - -';}
#mobile-menu ul ul li:first-child{border-top:1px solid rgba(255,255,255,.1);}


/* Row Container Parallax */
.bg-parallax {
    background-attachment: fixed;
	background-size:cover
}


/* Top header */
.ott-top-bar {
    border-bottom: 1px solid #dddddd;
    background: #FFF;
}
.ott-top-bar-info {
    position: relative;
    line-height: 41px;
    color: #8d8d8d;
}

/* 05. Social Icons */


.ott-social-icon{
    display: inline-block;
    margin: 0;
    margin-bottom: -1px;
    list-style: none;
}
.ott-social-icon li{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
.loop-image .ott-social-icon a{
    display: inline-block;
    width: 42px;
    background: #fff;
}

/* Our Team */

.ott-item-inner 
 {
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background: none repeat scroll 0 0 padding-box #FFFFFF;
    border: 1px solid #C4CBD4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 20px;
    margin-right: 1px;
    position: relative;
}


.ott-our-team{
    margin: 0 -25px;
}

.team-member .member-title{
    padding: 20px 20px 40px;
    text-align: center;
    font-weight: normal;
}
.team-member h2,.team-member h2 a{
    margin-bottom: 2px;
    font-size: 17px;
    line-height: 1;
	color:#03CDDC
}
.team-member .member-social{
    text-align: center;
    height: 42px;
}
.team-content{
    margin: 40px;
    color: #fff;
}

.team-member .member-social{
    width: 100%;
    text-align: center;
    margin-top: 10px;
	
	position:absolute;
	bottom:-24px;
	text-align:center;
	left:0px;
}


.member-image  img{
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;	
}


.ott-social-icon{
	display:inline-block;	
	padding:5px 10px;
	position:relative;
	background:#03CDDC
}
.ott-social-icon:before{
	content: " ";
	position:absolute;
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-top: 12px solid #727f8f;
    bottom: 0px;
    height: 0;
    left: -11px;
    width: 0;	
}

.ott-social-icon:after{
	content: " ";
	position:absolute;
    border-right: 11px solid rgba(0, 0, 0, 0);
    border-top: 12px solid #727f8f;
    bottom: 0px;
    height: 0;
    right: -11px;
    width: 0;	
}


.team-member ul.ott-social-icon{
    display: inline-block;
	padding:5px;
}
.team-member .ott-social-icon  a{
    color: #f8f8f8;
	opacity:1;
	padding:5px;
	
}
.team-member .ott-social-icon   a:hover{
   opacity:.6;
}



/* wsblogz Blog Feature Title */

#page-title {
    padding: 200px 0 30px;
    background: #fafafa;
    background-size: cover;
	border-bottom:1px #e7e7e7 solid;
}
#page-title h1,#page-title h3 {
    float: left;
    margin: 0;
    color: #777;
}
#page-title h1 {
    font-size: 24px;
    line-height: 25px;
	font-weight:normal;
}
.ott-header-page{
	position:relative;	
}

#page-title .withbg h1{
	background:#fff;
	display:block;	
	display:inline-block;
	padding:5px 15px;
	color:#03CDDC

}

#page-title .withbg h3{
	background:#03CDDC;
	color:#fff;
	display:block;	
	display:inline-block;
	padding:0px 15px;

}

.ott-section-title{
	padding-bottom:15px;
	margin-bottom:15px;	
	position:relative;
}

.ott-title-container{
    position: relative;
	width:100%;
	display:inline-block;
	 margin-bottom: 30px;
	 padding-bottom:15px;
	
}
.single-ott_portfolio .ott-title-container{
	margin-bottom:0px;
}
.carousel-container .ott-title-container{
	margin-bottom:0px;
	padding-bottom:0px;
}
.ott-title-container.small{
	border-bottom:1px #e7e7e7 solid;
	 margin-bottom: 30px;
	 padding-bottom:15px;
	
}
.ott-title-container.small:before{
	content: "";
    display: table;
	background:#ccc;
	height: 1px;
    width: 120px;
	position:absolute;
	left:0px;
	bottom:-1px;
}
.dark .ott-title-container.small:before{
		background:#333;
}

.dark .ott-title-container.small{
	border-bottom: 1px solid #111
}


.ott-title-container.large h3 {
    font-size: 42px;
    font-weight: 700;
    line-height: 60px;
}
.ott-title-container.large i {
    font-size: 30px;
    line-height: 60px;
}
.ott-title-container.large .ott-section-title:before {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 50% 50% 50% 50%;
    bottom: 15px;
    content: "";
    display: table;
    height: 20px;
    position: absolute;
    right: -30px;
    width: 20px;
}
.section-title{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:3px #ccc solid;
	position:relative;	
}
.section-title small{
	font-size:13px;
	line-height:20px;
	margin-bottom:0px;
	display:block;	
	color:#FD4326
}
.section-title h2{
	font-size:70px;
	margin-bottom:0px;
	line-height:1.2em	
}

.section-title:after{
	content: "";
    display: table;
	background:#FD4326;
	height: 3px;
    width: 180px;
	position:absolute;
	left:0px;
	bottom:-3px;
}
.ott-title-container h3,h3.widget-title{
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
	text-transform:uppercase;
}
.ott-title-container h3{
	float:left	;
	 margin-bottom: 0px;
	 line-height:30px;
	 padding-bottom:0px;
}
.ott-title-container.center{
	text-align:center;	
}
.ott-title-container.center i {
	float:none;
	display:inline-block
}
.ott-title-container.center h3{
	float:none;
	display:inline-block;
}
.ott-title-container h3 span{
    font-weight: bold;
}
h3.widget-title span{
    font-weight: bold;
}
.ott-title-container > i{
	float:left;
	margin-right:10px;
	font-size:20px;
	line-height:30px;
}
.ott-title-container.small .all-links{
	float:left;
	line-height:35px;
	margin-left:10px;
	font-size:11px;
	color:#b4b4b4;
	position:relative;
	padding-left:10px
}
.ott-title-container .all-links:before{
		content: "";
    display: table;
	background:#e7e7e7;
	height: 10px;
    width: 1px;
	position:absolute;
	left:0px;
	top:12px
}
.ott-title-container .all-links:hover{
	color:#999	
}


/* Breadcrump added cause little css :P */
.ott-breadcrumb{
    padding: 0 6px;
}
#page-title h3{
    clear: left;
    letter-spacing: normal;
    font-weight: normal;
    font-size: 13px;
    font-family:"Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 30px;
}
.ott-breadcrumb{
    clear: left;
    letter-spacing: normal;
    font-weight: normal;
    font-size: 11px;
    font-family:"Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 30px;
	position:absolute;
	bottom:-20px;
	right:0px;
}

#page-title span {
    margin: 0 7px;
    color: #777;
}
.ott-breadcrumb span a{
    color: #aaa;
}

/* Featured image on Page */
#featured-image {
    text-align: center;
}

/* 09. Footer Section */

#footer{
    background: #2a303c;
    color: #8d8d8d;
}
#footer > .container{
    padding: 60px 15px 40px 15px;    
}
#bottom .copyright{
    color: #aaa;
    font-weight: normal;
}
#bottom .copyright a{
    color: #aaa;
    font-weight: bold;
}
#bottom ul, #bottom p {
    margin: 0;
}
#bottom ul {
    float: right;
}
#bottom a {
    color: #03CDDC;
}
.ott-footer-widgets{
	   background-color: #3B3B3B;
    border-top: 1px solid #666666;
    padding: 65px 0 45px;
    position: relative;
}



#bottom {
    background-color: #333333;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    padding: 25px 0;
    position: relative;
}

.ott-footer-shap{
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent; 
	border-right: 10px solid transparent; 
	border-top: 10px solid #3b3b3b;
	position:absolute;
	right:48%;
	top:0px;
}


#bottom .ott-footer-menu{
	float:left;
	width:100%;	
}


#bottom .ott-footer-menu ul{
	float:left;
}


#bottom .footer-menu a{
	background:none ;
	border:0px;
	padding:0px 10px 0 0 ;
	color:#808080;
	font-weight:normal;
}
.footer-menu li{
	padding:0px;	
}

#bottom .footer-menu a:hover{ 
	background:none ;
	border:0px !important;
	padding:0px 10px 0 0 ;
	color:#fff;
}


/* Widgets Style */
aside > ul{
    padding: 10px 0px;
}
/*aside > ul li a{
    color: #2f2f2f;*/
/*font-weight: bold;*/
aside > ul li a:hover{
    color: #03CDDC;
}
#sidebar aside.widget,#footer aside.widget{
    margin-bottom: 30px;
}
#sidebar aside.widget ul li {
    margin-right: 15px;
    margin-left: 10px;
    padding: 10px 0 10px 20px;
    border-bottom: 1px dotted #D6D6D6;
}
#sidebar aside.widget.woocommerce  ul li{
	margin-right: 0px;
    margin-left: 0px;
    padding: 10px 0 10px 0px;	
}

#sidebar aside.widget ul li:before{
    position: absolute;
    left: 15px;
    color: #D6D6D6;
    content: '\e8b9';
    font-size: 11px;
    font-family: fontello;
    line-height: 25px;
}


#sidebar aside.widget .contact-info-widget ul li:before,
#footer aside.widget .contact-info-widget ul li:before
{
    display:none;
}
#sidebar aside.widget .contact-info-widget  ul li,
#footer4 aside.widget .contact-info-widget  ul li
{
	padding-left:0px;
}


#sidebar aside.widget ul li:first-child{
    padding-top: 4px;
}
#sidebar aside.widget ul li:last-child{
    padding-bottom: 4px;
    border-bottom: 0;
}
#sidebar aside.widget [class^="icon-"] a,#sidebar aside.widget [class*=" icon-"] a{
    padding-left: 10px;
    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
form#searchform{
    position: relative;
}
form#searchform .icon-search{
    position: absolute;
    top: 4px;
    right: 15px;
    color: #f4f4f4;
    font-size: 18px;
}
form#searchform input{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 0px 8px 10px;
    height: 40px;
    width: 100%;    
    margin: 0 !important;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #d6d6d6;
}

form#searchform input:focus{
    border: 1px solid #ccc;
}
h3.widget-title{
    margin-bottom: 13px;
    font-weight: 300;
    font-size: 15px;
}
.ott-widget-title-container{
    position: relative;
    margin-bottom: 25px;   
	border-bottom:1px #464646 solid; 
}
.ott-widget-title-container:before{
	content: "";
    display: table;
	background:#777;
	height: 1px;
    width: 120px;
	position:absolute;
	left:0px;
	bottom:-1px;
	
}

#sidebar .ott-widget-title-container{
	border-bottom:1px #e7e7e7 solid; 
}
#sidebar  .ott-widget-title-container:before{
	background:#ccc;

}


#footer h3.widget-title{
    color: #888;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
}
#footer h3.widget-title span {
    font-weight: bold;
    color: #fff;
}

h3.widget-title span {
    color: #fff;
    font-weight: bold;
}
#footer .green-bottom{
    color: #03CDDC;
    font-size: 26px;
}


/* Contact info widget */
.contact-info-widget{
    min-height: 157px;
}
.contact-info-widget ul i{
    float: left;
    width: 15px;
    height: 15px;
    color: #aaa;
    text-align: center;
    font-size: 14px;
}
#footer .contact-info-widget a{
    color: #aaa;
}
.contact-info-widget ul div{
    padding-left: 30px;
}


/* Flickr Widget Style */
.flickr-channel a img:hover,.dribbble-widget a img:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray; /* IE 6-9 */
    -webkit-transition: 0.30s ease-in;
    -moz-transition: 0.30s ease-in;
    -o-transition: 0.30s ease-in;
    transition: 0.30s ease-in;
}
.flickr-channel a img,.dribbble-widget a img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}
.flickr-channel ,.dribbble-widget {
	display:inline-block;
}

.flickr-channel a,.dribbble-widget a {
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    height: auto;
}
.flickr-widget .flickr-channel{
    display: inline-block;
    *display: inline;
}

/* Recent Posts Widget */

.ott-recent-posts-widget ul{
    margin: 0;
    list-style: none;
}
.ott-recent-posts-widget ul li{
    display: inline-block;    
    padding: 10px 0;
    width: 100%;    
}
#sidebar aside.widget .ott-recent-posts-widget ul li{
    padding: 12px 0 0;
    border-bottom: 0;
}
#sidebar aside.widget .ott-recent-posts-widget ul li:first-child{
    padding-top: 4px;
}
#sidebar .widget .ott-recent-posts-widget ul li:before{
    display: none;
}
#sidebar .ott-recent-posts-widget h4{
    font-weight: normal;
}
.ott-recent-posts-widget ul li:first-child{
    padding-top: 0;
}
.ott-recent-posts-widget h4{
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 20px;
}
.ott-recent-posts-widget .meta,footer#footer .ott-recent-posts-widget .meta a{
    color: #aaa;
    text-transform: capitalize;
    font-size: 13px;
    line-height: 20px;
}
.ott-recent-posts-widget .recent-thumb img{
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 1px rgba(255,255,255,.2);
    box-shadow: inset 0 1px rgba(255,255,255,.2);
}
.ott-recent-posts-widget .recent-thumb {
    float: left;
    margin: 4px 22px 4px 0;    
}

/* Tag Widget */
#footer .tagcloud a{
    background: #121212 !important;
    color: #8d8d8d !important;
}
.tagcloud a{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 6px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #2f2f2f !important;
    color: #DCDCDC !important;
    text-transform: capitalize;
    font-size: 11px !important;
    line-height: 20px;
}
.tagcloud a:hover,#footer .tagcloud a:hover{
    background: #03CDDC !important;
    color: #FFF !important;
}
/* Removing Child Pages from Widgets */
.widget_pages ul.children,
.widget_nav_menu ul.sub-menu{
    display: none;
}

#footer .ott-recent-posts-widget h4 a{
    color: #fff;
}
#footer .ott-recent-posts-widget h4 a:hover{
    color: #03CDDC;
}
.footer-logo {
    float: left;
    margin-right: 20px;
}
/* Page Builder Item TItles and Widget Title*/



/* ------------ MAIN --------------- */
#main,#slider{
    position: relative;
    background: #FFF;  
	z-index:2; 
}
#slider{
	overflow:hidden;	
	border-bottom:4px solid #333;
}


.single #main,.woocommerce #main{
    padding: 30px 0;
}
#main [class*="span"] {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
    *display: inline;
}
.right-sidebar {
    float: right;
}
.content-left{
    float: right;
}

/* ------------ BLOG LOOP --------------- */

article.loop {
    padding-bottom: 60px;
}
article.loop p:last-child {
    margin-bottom: 0;
}
h2.loop-title, h1.single-title {
    font-weight: bold;
    font-size: 24px;
}
h2.loop-title a{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #2f2f2f;
}
h2.loop-title a:hover{
    color: #03CDDC;
}
.loop-media {
    margin-bottom: 25px;
	position:relative
}
.loop-media p{
	margin:0px;
}
.content-block{
	position:relative	
}
.loop-media iframe {
    width: 100%;
}
.meta-container {
    position: relative;
    font-weight: normal;
    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.post-inner .span4 .loop-media{
	padding:0 0px 0px 25px;	
}
.loop-meta {
    margin-bottom: 20px;    
    padding: 5px 0;
}
.loop-meta a{
    color: #2f2f2f;
}
.loop-meta a:hover{
    color: #03CDDC;
}
.loop-meta.tag {
    padding-right: 370px;
    min-height: 20px;
}

ul.loop-meta li {
    padding: 0 0px 0 5px;
    border-left: 1px solid #D6D6D6;
    color: #aaaaaa;
    line-height: 1;
}
ul.loop-meta li:first-child{
    padding-left: 0;
    border-left:0;
}
ul.loop-meta li span.date,ul.loop-meta li a{
    color: #2f2f2f;
}
ul.loop-meta li:last-child {
    padding-right: 0;
}
.loop-meta li i {
    margin-right: 5px;
    color: #8d8d8d;
    font-size: 14px;
}
.loop-block a.more-link{
    position: relative;
    top: 0;
    right: 0;
    display: block;
    width: 140px;
    height: 50px;
    background: #03CDDC;
    color: #FFF;
    text-align: center;
    line-height: 50px;
	margin-top:20px;	
}
.loop-block a.more-link:hover{
    color: #FFF;
    background: #2f2f2f;
}

.read-more-container{
	margin-bottom:20px;	
}

.loop-block iframe{
	width:100%;
	background:none !important;
	border:0px !important;
	box-shadow:none !important;
	margin-bottom:15px !important	
}

/* ------------ Masonry BLOG --------------- */

#main .ott-blog .isotope-container article.loop {
    margin-top: 0;
    padding-bottom: 20px;
}
.isotope-container .loop-media, .isotope-container .loop-block .loop-meta {
    margin: 0;
}
.isotope-container .loop-block a.more-link {
    position: static;
    background: none;
    color: #222;
    text-align: left;
    line-height: 30px;
    width: auto;
    height: auto;
}
.isotope-container h2.loop-title {
    font-size: 16px;
    padding-top: 10px;
}
.isotope-container .loop-media blockquote, .isotope-container .loop-media .link-content {
    padding: 40px 20px 20px;
    margin: 0;
    position: static;
}
.isotope-container .loop-media blockquote:before {
    display: none;
}
.isotope-container .loop-media blockquote p, .isotope-container .loop-media .link-text {
    font-size: 16px;
    line-height: 1.6;
}
.isotope-container span.post-format:before {
    font-size: 20px;
}
.isotope-container article .loop-format {
    width: 60px;
	height:25px;
	padding:10px 0;
    top: -12px;
}



/* Post Social Sharebox */
.ott_post_sharebox{
    position: absolute;
    right: 0;
    top: 35px;
}
.ott_post_sharebox > div{
    float: left;
    height: 20px;
    margin-right: 10px;
}
.ott_post_sharebox > div:last-child{
    margin-right: 0;
}
.ott_post_sharebox .facebook_share iframe{
    border:none;
    overflow:hidden;
    width:75px;
    height:21px;
}
.ott_post_sharebox .googleplus_share > div {
    width: 65px !important;
}
.twitter_share > iframe {
    width: 85px !important;
}
article.ott_portfolio .ott_post_sharebox{
    position: static;
    margin-top: 10px;
}


/* Post Author Information */
.ott-author{
    margin: 30px 0;
    padding: 30px;
    background-color: #fafafa;
	border:1px #e7e7e7 solid;
}
.ott-author .author-image{
    float: left;
    margin-right: 30px;
}
.ott-author h3,.ott-author a{
    color: #777;
    font-size: 13px;
}
.ott-author p {
    margin: 0;
    color: #777;
}
.pagination ul > li > a, .pagination ul > li > span{
	padding:12px 15px;	
}

/* ------------ LOOP META DATE   --------------- */


.loop-block{
	padding:0px 15px;	
}
article .loop-format {
    position: absolute;
    top: -37px;
    left: 20px;
    width: 70px;
    background: #03CDDC;
    text-align: center;
}

.ott-blog article .loop-format:before{
	content: " ";
	position:absolute;
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid #727f8f;
    top: 0px;
    height: 0;
    left: -11px;
    width: 0;	
}

.ott-blog article .loop-format:after{
	content: " ";
	position:absolute;
    border-right: 11px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid #727f8f;
    top: 0px;
    height: 0;
    right: -11px;
    width: 0;	
}


span.post-format:before{
    display: block;
    color: #fff;    
    font-size: 32px;
  font-family: "fontello";
}
.post-format.link:before{
    content: "\e9a3";
}
.post-format.quote:before{
    content: "\e94f";
}


/* ------------ POST FORMAT --------------- */

.format-quote .loop-media,.format-link .loop-media{
    position: relative;
    display: block;
    background: none;
}

/* aside */


.sticky .post-inner, article.format-aside .post-inner{
    background: #f9f9f9;
}

/* Blockquote */
blockquote{
    width: 70%;
    background: #fafafa;
    position: relative;
    padding: 20px 30px 20px 60px;
    border: none;
    margin: 0 auto;
    margin-bottom: 15px;
}
.loop-media blockquote:before{
    content: "";
}
blockquote:before{
  	font-family: "fontello";
  	content: "\e94f";
    position: absolute;
    left: 15px;
    text-align: center;
    line-height: 25px;
	font-size:25px;
    color: #03CDDC;
    top: 15px;
    width: 25px;
    height: 25px;
}
blockquote p{
    padding: 0;
    color: #aaa;
    font-size: 13px;
    line-height: 20px;
}

.loop-media blockquote {
    width: auto;
    margin-left: 70px;
    padding: 40px 50px;
    background: none;
}
.loop-media blockquote p:before {
    display: none;
}
.loop-media blockquote p {
    padding: 0 0 5px;
    color: #2f2f2f;
    font-weight: bold;
    font-style: normal;
    font-size: 24px;
    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.3;
}
.loop-media blockquote span {
    color: #aaa;
    font-weight: bold;
}

/* Divider */

.ott-divider {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #FFF;
}
.ott-element.ott-divider-space-container{
    margin-top:    0 !important;
    margin-bottom: 0 !important;
    min-height:    0 !important;
}

.ott_divider_icon{
	 clear: both;
    display: block;
    height: 1px;
    margin: 0px 0 20px ;
    overflow: hidden;
    padding-top: 0px;
    width: 100%;
	border-bottom: 1px solid #f1f1f1;
	text-align:center;
}

.ott_divider_icon span {
    display: inline-block;
    font-size: 32px;
    height: 70px;
	width: 70px;
    line-height: 60px;
    margin-left: -45px;
    margin-top: -30px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
	background:#fff;
	



}

.ott_divider_icon span i{
	color:#ddd;	
	width:60px;
	height:60px;
	display:block;
	
}


.divider-shadow {
    background-image: radial-gradient(ellipse farthest-side at center top , rgba(0, 0, 0, 0.15) 0%, transparent 100%), radial-gradient(ellipse farthest-side at center top , rgba(0, 0, 0, 0.08) 0%, transparent 100%);
    background-position: 50% 8px;
    background-size: 90% 10px, 75% 100px;
    border-top: 1px solid #fafafa;
    height: 0;
    padding-top: 8px;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 100%;
}




.divider-shadow.bottom {
    border: 0 none;
    bottom: -8px;
    position: absolute;
    top: auto;
}

/* link */

.loop-media .link-content {
    margin-left: 70px; 
    padding: 40px 50px;
    background: #fff;
}
.single .loop-media .link-content{
	margin-left:0px;
	border:1px #e7e7e7 solid	
}

.loop-media .link-text {    
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
}
.loop-media .link-text a {
    color: #2f2f2f;
}
/* image gallery */
.image-links a.btn-border{
    border-color: #fff;
    color: #fff;
    text-transform: uppercase;
}
.gallery-container .slide-item {
    position: absolute;
}
.gallery-container .slide-item:first-child {
    position: static;
}
.loop-image {
    position: relative;
}
.loop-image a, .gallery-container {
    position: relative;
}
.ott-blog .image-overlay {
    background-color: transparent;
    opacity:1;
    filter: alpha(opacity=1);
}
.gallery-slide .slide-item img{
    width: 100%;
}
.gallery-container .carousel-arrow a.carousel-prev,.gallery-container .carousel-arrow a.carousel-next{
    border: none;
    background-color: rgba(0, 0, 0, .5);
    color: #FFF;
}
.image-overlay {
    position: absolute;
    z-index: 5;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(254, 71, 67, .6);
    text-align: center;
    opacity:0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.loop-image:hover .image-overlay, .slide-item:hover .image-overlay{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.image-overlay.hover-link{
    background-image: url(assets/img/hover-link.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.image-overlay .image-links{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
}
.gallery-container .carousel-arrow{
    bottom: 10px;
    right: 20px;
}
.gallery-container .carousel-arrow a.carousel-prev{
    margin-right: 0;
}
.carousel-arrow {
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 10px;
}
.carousel-arrow a.carousel-prev, .carousel-arrow a.carousel-next {
    display: inline-block !important;    
    width: 28px;
    height: 28px;
    border: 1px solid #d6d6d6;
    color: #D6D6D6;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 28px; 
	opacity:.6;
	background:#fff;
}

.dark .carousel-arrow a.carousel-prev, .dark .carousel-arrow a.carousel-next{
	border: 1px solid #444;
    color: #888;	
	background:#333
}

.carousel-arrow a.carousel-prev{
    margin-right:4px;
}
.carousel-text .carousel-arrow{
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 10px;
}
.carousel-arrow a.carousel-prev:hover, .carousel-arrow a.carousel-next:hover {
	opacity:1	
}

.ott-carousel-post.list_carousel > .carousel-arrow{
	    height: 32px;
		position: absolute;
		right: 0px;
		top: auto;
		bottom:-15px;
		text-align:center;
		width:100%
}

.ott-carousel-post.list_carousel{
	padding-bottom:40px;
}




.ott-carousel-post.list_carousel > .carousel-arrow a.carousel-prev, 
.ott-carousel-post.list_carousel > .carousel-arrow a.carousel-next {
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
	border:0px;
	margin:0px;
	opacity:1;
	background:#ddd;
	 border-radius: 2px;
	 margin:0px 2px
	
}

.ott-carousel-post.list_carousel > .carousel-arrow a.carousel-prev i, 
.ott-carousel-post.list_carousel > .carousel-arrow a.carousel-next  i{
	color:#fff;
	
}

.list_carousel a.viewall-caro{
		height: 24px;
		width:auto;
		background:#666;
		color:#fff;
		padding:0 10px;
		font-size:10px;
		line-height:24px;
		display:block;
		float:left;

}

.list_carousel .carousel-arrow-wrap {
    width:auto;
	display:inline-block;
}




.ott-carousel-partner.list_carousel >  .carousel-arrow {
    right: 0;
    top: 43%;
    width: 100%;
}

.ott-carousel-partner.list_carousel >  .carousel-arrow .carousel-prev,
.ott-carousel-partner.list_carousel >  .carousel-arrow .carousel-next{
	opacity:.3	
}

.ott-carousel-partner.list_carousel >  .carousel-arrow .carousel-prev:hover,
.ott-carousel-partner.list_carousel >  .carousel-arrow .carousel-next:hover{
	opacity:.9	
}

.ott-carousel-partner.list_carousel{
	overflow:hidden;	
}

.ott-carousel-partner.list_carousel >  .carousel-arrow .carousel-next{
	right:-30px;
	position:absolute;
}

.ott-carousel-partner.list_carousel >  .carousel-arrow .carousel-prev{
	left:-30px;
	position:absolute;
}

.ott-carousel-partner.list_carousel:hover >  .carousel-arrow .carousel-next{
	right:15px;
	position:absolute;
}

.ott-carousel-partner.list_carousel:hover >  .carousel-arrow .carousel-prev{
	left:15px;
	position:absolute;
}


/* video format */
.video-height {
    display: table-cell;
    background: #ddd;
    vertical-align: middle;
}

/* jp player */

div.jp-jplayer.jp-jplayer-video { 
    background-color: #292a2b;
}

.jp-jplayer-video video {
    margin-bottom: -6px;
}

div.jp-audio,
div.jp-video {
    margin-bottom: 20px;
    color: #fff;
    font-size: 1em;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;
}

div.jp-audio,
div.jp-video { width: 100%; }

div.jp-interface {
    position: relative;
    z-index: 100;
    width: 100%;
    background: url(assets/img/jplayer_bg.png) repeat-x;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

div.jp-type-single div.jp-interface { height: 30px; }

div.jp-interface ul.jp-controls {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.jp-interface ul.jp-controls li { display: inline; }

div.jp-interface ul.jp-controls a {
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
    z-index: 1;
    width: 33px;
    height: 30px;
    outline: none;
}

div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause {
    top: 0;
    left: 0;
}

a.jp-play { background: url("assets/img/jplayer-black-and-yellow.png") 0 0 no-repeat; }

a.jp-play:hover { background: url("assets/img/jplayer-black-and-yellow.png") -33px 0 no-repeat; }

a.jp-pause {
    display: none;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -30px no-repeat;
}

a.jp-pause:hover { background: url("assets/img/jplayer-black-and-yellow.png") -33px -30px no-repeat; }

div.jp-progress-container {
    position: absolute;
    top: 0;
    left: 34px;
    padding: 12px 10px;
    width: 225px;
    height: 6px;
}

div.jp-progress {
    position: absolute;
    overflow:hidden;
}

div.jp-type-single div.jp-progress {
    padding: 1px;
    width: 223px;
    height: 7px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -192px repeat-x ;
}

.single div.jp-type-single div.jp-progress { width: 411px; }

div.jp-seek-bar {
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -163px repeat-x;
    cursor: pointer;
}

div.jp-play-bar {
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -133px repeat-x ;
}

/*The seeking class is added/removed inside jPlayer
div.jp-seeking-bg {
        background: url("pbar-ani.gif");*/

div.jp-volume-bar-container {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 12px 10px;
    width: 40px;
    height: 6px;
}

div.jp-volume-bar {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 9px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -192px repeat-x;
    cursor: pointer;
}

div.jp-type-single div.jp-volume-bar {
    top: 0;
    left: 18px;
}

div.jp-volume-bar-value {
    margin: 1px;
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -133px repeat-x;
}

a.jp-mute,
a.jp-unmute {
    top: 9px;
    right: 60px;
    z-index: 1;
    width: 17px;
    height: 13px;
    outline: none;
}

.seperator-first,
.seperator-second {
    position: absolute;
    left: 32px;
    width: 2px;
    height: 30px;
    background:url(assets/img/seperator.png) no-repeat left;
}

.seperator-second {
    right:90px; 
    left:auto;
}

a.jp-mute { background: url("assets/img/jplayer-black-and-yellow.png") -10px -68px no-repeat; }

a.jp-mute:hover { background: url("assets/img/jplayer-black-and-yellow.png") -43px -68px no-repeat; }

a.jp-unmute {
    display: none;
    background: url("assets/img/jplayer-black-and-yellow.png") -10px -98px no-repeat;
}

a.jp-unmute:hover { background: url("assets/img/jplayer-black-and-yellow.png") -43px -98px no-repeat; }

div.jp-jplayer { background-color: #292a2b; }




/* Pagination */
.ott-portfolio .pagination{
    text-align: left;
}
.pagination{
    margin: 0;
}
.pagination ul{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ott-pagination.pagination ul>li>a, .ott-pagination.pagination ul>li>span{
    width: 28px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #d6d6d6;
    text-align: center;
    text-align: center;
	border-width:1px;
}

.pagination ul>li>a.current, .pagination ul>li>span.current, .pagination ul>li>a:hover{
    border-color: #03CDDC;
    background: #fff;
    color: #03CDDC;
}




/* Comment Form Styling */
#comments {
    margin-top: 50px;
}
.comment-form-author,.comment-form-email{
    float: left;
}
.comment-form-comment{
    width: 65%;
    float: left;
}
p.form-submit,.comment-form-author{
    float: right;
}
p.form-submit input{
    width: 226px;
    text-transform: uppercase;
}
#commentform input[type="text"], .comment-form-comment textarea{    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin-bottom: 0;
    padding: 20px;  
}
#commentform{
    width: 100%;
    display: inline-block;
}
.comment-form-comment textarea{
    display: inline-block;
    margin-bottom: 20px;
    padding: 15px 20px;
    width:100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
	border:1px #e7e7e7 solid;
}
#reply-title,.comment-title{
    margin-bottom: 20px;
    font-size: 16px;
}
.comment-title{
    margin-bottom: 25px;
}
.comment-author img {
    display: block;
    float: left;
    margin: 0 30px 30px 0;
    width: 70px;
    height: 70px;
}
.comment-meta{
    position: relative;
    top: -3px;
    color: #222222;
    font-weight: bold;
}
.comment-meta span.comment-replay-link{
    position: absolute;
    right: 0;
}
.comment-meta span a{
    font-weight: bold;
}
.comment-body {
    position: relative;    
    margin-bottom: 25px;
    margin-left: 100px;
}
.comment-list
.comment-block .comment-block {
    margin-left: 29px;
    padding-left: 50px;
    border-left: 1px solid #E5E5E5;
}
.comment-author{
    margin-bottom: 5px;
}
.comment-block .comment{
    position: relative;
    float: left;
    margin-bottom: 30px;
    width: 100%;
    border-bottom: 1px dotted #DDD;
}

.commentlist .bypostauthor { }
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
    width: 100% !important;
}

.comment-form .required{
	float:right;
	margin-left:5px; 	
}

.page-template-contact-php input[type="text"], .page-template-contact-php input[type="password"], .page-template-contact-php input[type="email"], .page-template-contact-php select {
	width:80%;
}


span.wpcf7-form-control-wrap{
	margin-top:10px;	
}

/* ------------ PAGE BUILDER ELEMENTS --------------- */


/* 07. Callout */
.ott-callout{
	text-align:center;		
}

.span9 .ott-calloutw.with-button .callout-text{
	padding-right:180px;
   
}
.ott-callout.with-button .callout-text{
    position: relative;
   
}
.ott-callout h1{
    color: #222222;
    font-weight: bold;
    font-size: 40px;
}
.ott-callout.small{
	text-align:left;	
}


.ott-callout.small h1{
    font-weight: normal;
    font-size: 20px;
	margin:0px;
}


.ott-callout a{
    color: #03CDDC;
}
.ott-callout p{
    font-size: 16px;
}
.callout-text>a.btn{
    position: absolute;
    top: 50%;
    right: 0;
    margin: -24px 0 0;
    text-transform: uppercase;
}



.ott-teaser{
	padding:20px 30px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background: none repeat scroll 0 0 padding-box #FFFFFF;
    border: 1px solid #C4CBD4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 20px;

	
}

.dark .ott-teaser{
	background:#333;
	border: 1px solid #111;	
}



.ott-teaser.with-button .teaser-content{
	float:left;
	width:75%;
	padding:15px 0 0 ;
}

.ott-teaser .callout-text{
	width:100%;
	display:inline-block	;
	
	
}

.ott-text-block h3{
	margin-bottom:20px;
}

.teaser-btn{
	float:right;
	background-color:#1B91CC;
    background: -moz-linear-gradient(center top , #1B91CC, #0185C6) repeat scroll 0 0 #0E8BC9;
    border: 1px solid #1180C0;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), 0 -20px 50px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(255, 255, 255, 0.3) inset;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 16px;
    padding: 20px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	margin-top:15px;
	

}

.teaser-btn:hover{
    background: none repeat scroll 0 0 #0185C6;
    color: #FFFFFF;
    text-decoration: none;

}




/* 06. Service Box */
.ott-featured-box{
    padding-bottom: 30px;
}
.left-service{
    display: inline-block;
}
.ott-featured-box:last-child{
    padding-bottom: 0;
}
.ott-featured-box .ott-featured-icon{
    display: block;
    margin-bottom: 30px;
    text-align: center;
}
.ott-featured-box.left-service .ott-featured-icon{
    float: left;
}
.ott-featured-box .ott-featured-icon.pull-left,.ott-featured-box .ott-featured-icon.pull-right{
    margin-bottom: 10px;
}
.ott-featured-box .ott-featured-content.desc_unstyle{
    text-align:inherit;
}
.ott-featured-box .ott-featured-content{
    text-align: center;
}

.ott-featured-box span.title_sec{
    margin-bottom: 10px;
	font-size:17px;
    font-weight: normal;
    line-height: 1;
	color:#333;
	display:block;
}
.dark .ott-featured-box span.title_sec{
	color:#fafafa	
}
.ott-featured-content p a.featured-btn{
    display: inline-block;
    padding: 9px 20px;
    border: 2px solid #d6d6d6;
    text-transform: uppercase;
    color: #aaa;
    font-weight: bold;
    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ott-featured-box .ott-featured-content p a.featured-btn:hover{
    color: #222;
}

.ott-featured-content h3 a{
    color: #aaa;
}
.ott-featured-content h3 a:hover{
    color: #2f2f2f;
}
.ott-featured-content p:last-child{
    margin-bottom: 0;
}
.ott-font-awesome{
    display: inline-block;
}
.ott-font-awesome.circle{
    -moz-border-radius: 1500px;
    border-radius: 1500px;
    -wenkit-border-radius: 1500px;
}

/* 11. Accordion Bootstrap Modify wsblogz */

.accordion-heading .accordion-toggle{
    position: relative;
    font-weight: normal;
    color: #444;

}
.accordion-heading .accordion-toggle span.ott-check{
    float: right;
    padding: 8px 0 8px 15px;
    margin-top: -8px;
}
.accordion-heading .accordion-toggle span.ott-check .icon-plus,.accordion-heading .accordion-toggle.active span.ott-check .icon-minus{
    display: inline-block;
    color: #ccc;
    font-size: 10px;
}
.accordion-heading .accordion-toggle span.ott-check .icon-minus,.accordion-heading .accordion-toggle.active span.ott-check .icon-plus{
    display: none;
}
.accordion-heading .accordion-toggle.active span.ott-check{
    color: #fff;
}
.accordion-group{
    border: 1px solid #ddd;
    margin-bottom: 5px;
}
.accordion-group:last-child{
    margin-bottom: 0;
}
.accordion-inner{
    border-top: none;
	padding-bottom:25px;
}
.accordion-inner p:last-child{
    margin-bottom: 0;
}

.accordion-toggle i{
	margin-right:5px;	
}

/* about Box */


.ott-big-title{
	font-size:35px;
	line-height:40px;
	font-weight:300;
	margin-bottom:20px;
	padding:0px 50px 0 0
}

p.ott-about-desc{
	font-size:17px;
	line-height:25px;	
}

.ott-featured-icon{
	text-align:center;
	margin-bottom:50px;	
}

.ott-about-desc i{
	font-size:60px;
	float:left;
	position:relative;
	margin-right:25px;
	margin-left:-15px;
	width:70px;
		
}

span.ott-title-desc{
	margin-bottom:0px;	
	display:block;
	font-size:15px;
	font-weight:400;
	color:#999;
}
.ott-big-title + .sub-title-desc{
	margin-top:-10px;	
}

h3.sub-title{
	font-weight:600;
	font-size:18px;
}

.ott-featuredBox-content  h3.sub-title{
	font-size:16px;
	font-weight:600;
}

.ott-about-extra{
	margin-top:30px;
}




/* Tab Top and Below Side */

.nav-tabs>li>a,.tabs-below>.nav-tabs>li>a{
    padding: 0 15px;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.nav-tabs>li>a span{
    display: block;
    padding: 8px 0;
    color: #999;
}
.nav-tabs > li > a i{
	color:#ccc	
}
.nav-tabs>li.active>a span,
.nav-tabs>li.active>a i
{
    color: #03CDDC;
}
.nav-tabs>li>a, .nav-pills>li>a{
    margin-right: -1px;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus{
    border-bottom-color: transparent;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus, .tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus {
    border-color: #dddddd;
}
.nav>li>a:hover, .nav>li>a:focus{
    background-color: transparent;
}
.nav-tabs{
    margin: 0;
    border-bottom: 0;
}
.tab-content{
    min-height: 100px;
    border: 1px solid #dddddd;
    padding: 20px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.tab-content .tab-pane p:last-child {
    margin-bottom: 0;
}
.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus{
    border: 1px solid #dddddd;
    border-top-color: transparent;
}
.tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus{
    border-bottom-color: #dddddd;
    border-top-color: transparent;
}
.tabs-below>.nav-tabs{
    border-top: none;
}
/* Tab Left and Right Side */
.tabs-left .tab-content,.tabs-right .tab-content{
    margin: 0;
}
.tabs-left>.nav-tabs{
    margin-right: -1px;
}
.tabs-right>.nav-tabs{
    margin-left: -1px;
}
.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a{
    padding: 15px 0;
}
.tabs-left>.tab-content, .tabs-right>.nav-tabs>li>a{
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.tabs-right>.tab-content, .tabs-left>.nav-tabs>li>a{
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a{
    margin-bottom: 0;
}
.tabs-left>.nav-tabs>li>a{
	padding-left:10px;	
	display:inline-block;
	padding-right:15px;
}
.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover,
.tabs-left>.nav-tabs .active>a:focus{
	border-color:#ddd transparent #ddd #ddd;
	border-left:2px #03CDDC solid;
	*border-right-color:#ffffff;
	}

.tabs-left>.nav-tabs>li>a{
	border-left:2px #ddd solid;
}
.tabs-left>.nav-tabs>li>a i{
	float:left;
	margin-right:5px;
	line-height:30px;
}

.tabs-left>.nav-tabs>li>a span{
	float:left;
}

/* tabs-right */

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:hover,
.tabs-right>.nav-tabs .active>a:focus{
	border-right:2px #03CDDC solid;
}
.tabs-right>.nav-tabs>li>a{
	padding-right:20px;	
	padding-left:15px;

}
.tabs-right>.nav-tabs>li>a i{
	float:right;
	margin-left:5px;
	line-height:30px;
}
.tabs-right>.nav-tabs>li>a{
	border-right:2px #ccc solid;
}
.tabs-right > .nav-tabs > li > a span {
    float: right;
}
.tabs-right > .nav-tabs > li > a {
    display: inline-block;
    padding-right: 10px;
}


/* tabs-top */

.tabs-top>.nav-tabs .active>a,
.tabs-top>.nav-tabs .active>a:hover,
.tabs-top>.nav-tabs .active>a:focus{
	border-top:2px #03CDDC solid;
}
.tabs-top>.nav-tabs>li>a{
	padding-top:20px;	
	text-align:center;
}
.tabs-top>.nav-tabs>li>a i{
	float:none;
	display:inline-block
}
.tabs-top>.nav-tabs>li>a{
	border-top:2px #ccc solid;
}

.tabs-top > .nav-tabs > li > a {
    display: inline-block;
    padding-top: 10px;
}


.tabs-left>.nav-tabs>li>a span,.
tabs-right>.nav-tabs>li>a span,
#page-title .container{
    padding: 0 15px;
}



#page-title .container{
    padding: 0 10px;
}




/* ------------ Pricing table --------------- */

.ott-pricing-col {
    float: left;
}
.ott-pricing-four {
    width: 25%;
}

/* Table */
table{
    width:100%;
    border-spacing:0;
    border-collapse:collapse;
    background-color:transparent;
}
table th,table td{
    padding:8px;
    border-top:1px solid #f0f0f0;
    vertical-align:top;
    text-align:left;
    line-height:20px;
}
table th{
    font-weight:bold;
}
table thead th{
    vertical-align:bottom;
}
table caption + thead tr:first-child th,table caption + thead tr:first-child td,table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0;}
table tbody + tbody{
    border-top:2px solid #dddddd;
}

/* ------------ Twitter --------------- */
#sidebar aside.widget ul.jtwt { position: relative; list-style: none;}
#footer aside.widget ul.jtwt li,ul.jtwt li, .twitter-follow { margin-bottom: 0px; margin-left: 36px; line-height: 20px;}
#sidebar aside.widget ul.jtwt li{margin-left:30px;margin-right:0px}
#sidebar aside.widget ul.jtwt li:before,#footer aside.widget ul.jtwt li:before,ul.jtwt li:before{
    position: absolute;
    left: 0;
    display: inline-block;
    margin-top: 2px;
    color: #8d8d8d;
    content: "\e9e9";
    text-decoration: inherit;
    font-size: 16px;
    font-family: fontello;
    speak: none;
}

ul.jtwt li span a{
	color:#03CDDC;
		
}
a.twitter_time{
	font-size:11px;
	display:block;
	margin-top:5px;	
	color:#999
}
#sidebar aside.widget ul.jtwt li{
	background:#fff;
	padding:10px;
	border:1px #e7e7e7 solid;
	margin-bottom:10px;
	display:block;	
}
aside.widget ul.jtwt li:last-child { margin-bottom: 0px; }
.jtwt_loader { font-weight: bold; }
.jtwt_picture { float: left; margin-right: 10px; }
a.jtwt_date { display: none; font-size: 12px;}


 ul.jtwt li{
	 	background:#fff;
	padding:10px;
	border:1px #e7e7e7 solid;
	margin-bottom:10px;
	display:block;	
 }

/* 08. Carousel Elements with Portfolio and Partnerss */

.caroufredsel_wrapper{
    margin: 0 !important;
}
.list_carousel {
    position: relative;
    margin: 0 -15px !important;
}
.list_carousel li {
    position: relative;
    display: block;
    float: left;
    margin: 0 15px;
    padding: 0;
    width: 270px;
    height: auto;


}


.list_carousel.ott-carousel-post li {
		-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background: none repeat scroll 0 0 padding-box #FFFFFF;
    border: 1px solid #C4CBD4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 20px;
    margin-right: 1px;
    position: relative;
}

.dark .list_carousel.ott-carousel-post li{
	background:#666	;
	 border: 1px solid #444;
}
.dark .carousel-meta > div, .dark  .carousel-meta > div a{
	color:#fafafa	
}

.list_carousel li:hover .carousel-meta{
    background: ;
}
.list_carousel li .carousel-content h3:hover a{
    color: #03CDDC;
}
.list_carousel > .carousel-arrow {
    position: absolute;
    top: -75px;
    right: 15px;
    height: 32px;
}
ul.ott-carousel {
    margin-left: 0;
}
.ott-carousel-portfolio li img,.ott-portfolio .loop-image img{
    width: 100%;
}
/* Carousel Portfolio span margin remove */
.carousel-container [class*="span"]{
    margin-top: 0px;
    margin-bottom: 0px;
}
/* wsblogz Carousel */
.carousel-meta {
    padding: 0px;
	margin-bottom:15px;
}
.carousel-meta>div,.carousel-meta>div a {
    display: inline-block;
    color: #666;    
    font-weight: normal4;
}
.carousel-meta>div i{
    margin-right: 5px;
}
.carousel-meta>div {
    margin-right: 10px;
}
.carousel-content {
    position: relative;
	padding:15px;
}
.carousel-content .carousel-arrow {
    position: static;
}
.carousel-video{
    overflow: hidden;
}
.carousel-video iframe{
    height: auto;
}

/* Partners Carousel */

.ott-carousel-partner.list_carousel{
    margin: 0 !important;
}
.ott-carousel-partner a{
	display:block;		
}
.ott-carousel-partner.list_carousel li{
    margin: 0;
    padding: 20px;
    width: 130px;
    border-right: 0px solid #e7e7e7;
    text-align: center;
}
.ott-carousel-partner .carousel-arrow{
    right: 0;
}
.ott-carousel-partner .caroufredsel_wrapper{
    border: solid 0px #dddddd;
    border-right: none;
}

/* Post Carousel */

.ott-carousel-post .carousel-content h3{
    margin: 10px 0;
    font-size: 16px;
}
.ott-carousel-post .carousel-content h3 a{
    color: #2f2f2f;
}
.ott-carousel-post.list_carousel li{
    width: 370px;
}

/* Twitter Carousel */
.ott-carousel-twitter{
    padding: 0 30px !important;
}
.ott-carousel-twitter ul.jtwt li:before{
    display: none;
}
.ott-carousel-twitter ul.jtwt li, .ott-carousel-twitter .twitter-follow{
    margin-top: 5px;
    margin-left: 15px;
    text-align: center;
    z-index: 2;
}

.ott-carousel-twitter .twitter-follow{
	margin-top:15px;	
}
.ott-carousel-twitter .twitter-follow,.ott-carousel-twitter ul.jtwt li span a{
    font-weight: bold;
}
.ott-carousel-twitter .twitter-follow span{
    font-weight: normal;
}
.ott-carousel-twitter .twitter-follow a{

}
.ott-carousel-twitter ul.jtwt li span{
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
}
.ott-carousel-twitter.list_carousel li{
    width: 100%;
	padding:40px 0px 20px;
	position:relative;
}
.ott-carousel-twitter .carousel-arrow{
    position: absolute;
    bottom: 25px;
	top:auto;
    right: 0;
    z-index: 3;
    width: 100%;
	opacity:0;
		transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;

}
.ott-carousel-twitter:hover .carousel-arrow{
	opacity:1
		
}
.ott-carousel-twitter .carousel-arrow .carousel-prev{
    position: absolute;
    left:auto;
	right:50%
}
.ott-carousel-twitter .carousel-arrow .carousel-next{
    position: absolute;
    right:auto;
	left:50%
}
.ott-carousel-twitter .carousel-arrow a.carousel-prev, 
.ott-carousel-twitter  .carousel-arrow a.carousel-next{
	width:20px;
	height:20px;
	line-height:20px; 
	background:#fff
}
.twitter-carousel-title{
	text-align:center;
	position:absolute;
	left:50%;
	top:-30px;	
	z-index:3
	
}

.ott-carousel-twitter .ott-icon-twitter-wrap{
		background:#333;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	width:35px;
	height:35px;
	padding:10px;
	display:inline-block;
	color:#fff  	;
	left:-20px;
	position:relative;
}

.ott-carousel-twitter .icon-twitter{
    display: block;
    position:relative;
	top:-7x;
    text-align: center;
    font-size: 28px;


}

/* 17. Alert */

.alert{
    position: relative;
    margin-bottom: 4px;
    padding: 11px 40px 11px 40px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fd9638;
    color: #fff;
    text-shadow: none;
}
.alert:last-child{
    margin-bottom: 0;
}
.alert .close{
    top: 1px;
    text-shadow: none;
}
.alert-danger, .alert-error{
    background-color: #f25656;
}
.alert-success{
    background-color: #35d05a;
}
.alert-info{
    background-color: #4fc7ed;
}
.alert i{
    position: absolute;
    top: 13px;
    left: 15px;
    width: 16px;
    height: 16px;
    font-size: 16px;
}

/* 18. Progress Bar */

.progress{
    position: relative;
    margin-bottom: 5px;
    height: 100%;
    background: #f6f6f6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.progress span{
 background: none repeat scroll 0 0 #888;
    border-radius: 2px;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    overflow: hidden;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 4px;
    width: 40px;
}
.progress .bar{
    padding: 4px 20px 4px 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: left;
    text-shadow: none;
    font-weight: normal;
    font-size: 14px;
    filter:none;
}
.progress .bar.ott-bi{    
    background-image: none;
}
.progress-striped .bar{
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
}

/* ------------ Button --------------- */

a.btn,#footer a.btn{
    color: #fff;
}
.btn{
    display:inline-block;
    margin: 0 10px 10px 0;    
    padding: 14px 20px;  
    background: #03CDDC;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
    font-weight: bold;
    font-size: 13px;
    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1;
    *display:inline;
    *zoom:1;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}
.btn.rounded, .btn.rounded{
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;  
}
.btn:hover{
    color: #fff !important;
	opacity:.8;
    color: #fff;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:.8;
	

}

.inf-btn {
	width:100%;
	background:#f2f2f2 ;
	display:block;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#999;
		
}

.inf-btn.loading span{
	width:100% !important;
	background:#f2f2f2 ;
	display:block;
	height:50px;
	line-height:50px;
	text-align:center;
}

/* Buttons */
.btn {
    border: 2px dashed transparent
}

.btn-small{
    padding:12px;
    font-size: 11px;
}
.btn-large{
    padding: 18px 25px;
    font-size: 16px;
}

/* Label */
.label {
    padding: 1px 4px;
    background-color: #00bef2;
    text-shadow: none;
    line-height: 1.6;
    font-size: 13px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}


/* Dropcaps */
.ott-dropcap {
    float: left;
    margin-top: 5px;
    margin-right: 20px;
    padding: 17px 20px;
    background-color: #03CDDC;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
}
.ott-dropcap.cap_circle{
    -moz-border-radius: 50%;
    border-radius: 50%;
    -wenkit-border-radius: 50%;
}
.ott-dropcap.cap_border{
    border: 2px solid #03CDDC;
    background-color: transparent;
}


/* Price Block */
.ott-pricing {
    width: 100%;    
}
.ott-pricing-two {
    width: 50%;
}
.ott-pricing-three {
    width: 33.333%;
}
.ott-pricing-four {
    width: 25%;
}
.ott-pricing-five {
    width: 20%;
}
.ott-pricing-col {
    float: left;
    
}
.ott-pricing p,.ott-pricing .tt-button,.ott-pricing ul {
    margin-bottom: 0px;
}
.ott-pricing-box {
    text-align: center;
	position:relative;
	color:#333
}

.ott-pricing-value{
	position:absolute;
	z-index:10;
	top:-11px;
	text-align:center;
	width:100%;
	
		
	
}
.ott-pricing-value span{
	background:#111;
	height:40px;
	line-height:40px;
	display:inline-block	;
	padding:0px 25px;
	position:relative;
	color:#fff;
	font-weight:500;
}
.ott-pricing-value span:after {
	content: " ";
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid #727f8f;
    top: 0px;
    height: 0;
    left: -11px;
    width: 0;
	position:absolute;
}
.ott-pricing-value span:before  {
	content: " ";
    border-right: 11px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid #727f8f;
    top: 0px;
    height: 0;
    right: -11px;
    width: 0;
	position:absolute;
}

.ott-pricing-box.featured {
	position:relative;
	top:-25px;
	z-index:3;
}

.ott-pricing-bottom ul li {
    padding: 10px 15px;
}
.ott-pricing-top{
    padding: 25px 0;
}
.ott-pricing-header{
    background: linear-gradient(#444444, #222222) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 2px 0 rgba(255, 255, 255, 0.16) inset;
    padding: 12px;
    position: relative;
    text-align: center;
    z-index: 5;   
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-top:50px;
	}

.ott-pricing-box.featured .ott-pricing-box-wrap{
  background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 75%, rgba(100, 100, 100, 0.15)) repeat scroll 0 0%, -moz-linear-gradient(left top , #FEFAE6, #F6ECC4) repeat scroll 0 0 rgba(0, 0, 0, 0);	
     box-shadow: 0 1px rgba(255, 255, 255, 0.1) inset, 0 -1px 2px rgba(0, 0, 0, 0.3);
}
.ott-pricing-box-wrap{
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 75%, #EDEDED);
    border-top: medium none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.05), 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
    height: auto;
    margin-top: -1px;
    padding: 22px 5px 14px;
    position: relative;
    z-index: 1;	
}
.ott-pricing-footer{
    padding: 20px 40px 30px;
}
.ott-pricing-footer a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 15px 20px;
    width: 100%;
    color: #fff;
    text-align: center;
}
.ott-pricing-header h1 {
    margin-bottom: 0px;
    color: #fff;
    font-size: 22px;
	font-weight:700;
	text-transform:uppercase;
    line-height: 1;
	text-shadow: 0 1px 0 #000000;

}
.ott-pricing-top>span:first-child {
    color: #fff;
    font-weight: bold;
    font-size: 38px;
    line-height: 1;
}
.ott-pricing-top>span:last-child {
    position: relative;
    margin-left: 4px;
	color:#ddd
}
.ott-pricing-top span span {
    position: absolute;
    top: -20px;
    color: #fafafa;
    font-weight: bold;
    font-size: 18px;
}
.ott-pricing-bottom ul {
    margin: 0 20px;
    list-style: none;
}
.ott-pricing-bottom p {
    padding: 10px 20px;
}

/* Testimonials */
.ott-testimonials{
    position: relative;
}
.ott-testimonials .carousel-arrow{
    position: static;
}
.ott-testimonials .carousel-arrow a.carousel-prev, .ott-testimonials .carousel-arrow a.carousel-next{
    position: absolute;
    right: 0;
    margin: 0;
    width: 32px;
    height:32px;
    border: 0;
    background: #aaaaaa;
}
.ott-testimonials .carousel-arrow a.carousel-prev:hover, .ott-testimonials .carousel-arrow a.carousel-next:hover{
    background-color: #03CDDC;
}
.ott-testimonials .carousel-arrow a.carousel-prev i, .ott-testimonials .carousel-arrow a.carousel-next i{
    position: absolute;
    top: 50%;
    color: #fff;
    margin-top: -4px;
    margin-left: -4px;
}
.ott-testimonials .carousel-arrow a.carousel-prev{
    top: 40px;
	right:50px
}
.ott-testimonials .carousel-arrow a.carousel-next{
    top: 40px;
	right:10px;
}
.ott-testimonials ul{
    margin: 0;
    list-style: none;
}
.ott-testimonials .testimonial-author{
    float: left;    
    width: 70px;
    height: 70px;
}
.testimonial-item {
    padding: 30px;
	background:#fafafa;
	border:1px #e7e7e7 solid;
}
.testimonial-content {
    margin-top: -7px;
    margin-left: 100px;
	padding:10px 30px 10px 50px;
    color: #aaaaaa;
	border-left:1px #e7e7e7 solid;
	
}
.testimonial-content p{
    margin: 0;
    color: #2f2f2f;
	font-size:17px;
	padding-left:30px;
}
p.ott-testimonial-content{
	font-size:15px;
	margin-bottom:0px;
	line-height:30px;
	padding-left:30px;	
	position:relative;
}
p.ott-testimonial-content:before{
	    content: '\e94f';
    display: inline-block;
    font-family: fontello;
    color: #333333;
    position: absolute;
    left: 0;

}
.testimonial-content p a{
    margin: 0;
    color: #888;
	font-size:13px;
}
.ott-testimonials>.caroufredsel_wrapper>ul>li{
    display: inline-block;    
}


/* Portfolio Styling */

.ott-filter{
	margin-bottom:30px;	
}

.ott-portfolio .ott-filter ul{
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1;
}
.ott-filter ul li{
    padding: 0;
    line-height: 1;
}

.ott-filter ul li:last-child:after{
    display: none;
}
.ott-filter ul li a{
    color: #8d8d8d;
	padding:10px 15px;
	border:1px #e7e7e7 solid;
	margin-right:5px;
}
.ott-filter ul li a:hover, .ott-filter ul li a.selected{
    color: #222;
    font-weight: normal;
}
#main .ott-portfolio article.ott_portfolio,#main .ott-portfolio .ott-pagination{
    margin-bottom: 10px;
}
#main .related_portfolios {
    margin-top: 0;
}
#main .related_portfolios .ott-portfolio article.ott_portfolio {
    margin-bottom: 0px;
    margin-top: 0px;
}
.ott-portfolio article.ott_portfolio p, .ott-portfolio article.ott_portfolio div.jp-audio, .ott-portfolio article.ott_portfolio div.jp-video {
    margin-bottom: 0;
}
.ott-portfolio article.ott_portfolio iframe {    
    height: auto;
}
.ott-portfolio article.ott_portfolio .video-height iframe {    
    height: 100%;
}
.ott-portfolio article.ott_portfolio p iframe{
    margin-bottom: -5px;
}
.portfolio-content{
    position: relative;
    padding:15px 20px;
}
h2.portfolio-title{
    width: 85%;
    display: inline-block;
    margin: 0;    
    font-size: 13px;
}
h2.portfolio-title a{
    color: #2f2f2f;        
}
h2.portfolio-title a:hover{
    color: #03CDDC;        
}
article.single-portfolio iframe{
    width: 100%;
}
article.single-portfolio .meta-cat i{
    padding-right: 5px;
}
article.single-portfolio .meta-cat a, article.single-portfolio .meta-fav span{
    color: #2f2f2f;
    font-weight: bold;
}
article.single-portfolio .meta-cat{
    margin-bottom: 20px;
}
article.single-portfolio .likeit{
    position: static;
    display: inline-block;
    margin-bottom: 20px;
    float: none;
}

.ott-pagination.pagination ul>li>a.selected{
    background: #03CDDC;
    color: #fff;
}
.likeit {
    top: 15px;
    position: absolute;
    right: 15px;
    cursor: pointer;
}
.likeit i {
    padding-right: 5px;
}
.likeit:hover, .likeit.liked {
    color: #03CDDC; 
}
a.live-preview{
    border: 2px solid #03CDDC;
    color: #03CDDC;
}

/* Isotope CSS3 transitions */

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* Theme Boxed Layout Style*/
.theme-boxed{
    margin: 0px auto;
    width: 1200px;
    background: #FFF;
}
.ie8 .theme-boxed{
    width: 1000px;
}
/* Scroll Up Style */
#scrollUp {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,0.2);
    font-size: 16px;
    line-height: 50px;
    cursor: pointer;
	z-index:10
}
#scrollUp:hover{
    background-color: rgba(0,0,0,0.4);
}
.hidden{
    display: none;
}


/* Infinite Scroll */

.ott-infinite-scroll>.loading,
.ott-infinite-scroll[data-has-next="false"]>.next,
.ott-infinite-scroll[data-has-next="true"]>.no-more{
    display: none;
}
.ott-infinite-scroll>a.next>i{
    margin-right: 10px;
}


/* List */

ul.ott-list{
    list-style: none;
}
ul.ott-list>li>i{
    margin-right: 5px;
    margin-left: -15px;
}

/* Contact Form 7 */

.wpcf7-form-control-wrap input{
    display: inline-block;
}
.wpcf7-form-control-wrap textarea{
    width: 83%;
}

/* Google map Remove */

#google-map{
    margin-bottom: -5px;
}

/* Circle Chart on Page Builder */
.ott-chart-cricle {
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.ott-chart-cricle canvas {
    position: absolute;
    top: 0;
    left: 0;
}
/* MileStone */

.ott-milestones-box{
	display:inline-block;
	margin-bottom:20px;
}
.ott-milestones-count>.ott-milestones-show{
    position: relative;
    float: left;
    overflow: hidden;
    width: 20px;
    height: 40px;
    top: 5px;
    text-align: right;
}
.ott-milestones-count>.ott-milestones-show>ul{
    position: absolute;
    margin: 0px;
    list-style: none;
}
.ott-milestones-count{
    color: #2f2f2f;
    font-weight: bold;
    font-size: 31px;
}
.ott-milestones .ott-milestones-icon,
.ott-milestones-content{
    float: left;
    margin-right: 30px;
}
.ott-milestones-content p{
    color: #aaaaaa;
    font-weight: bold;
}

/* Coming Soon */
.ott-cs-container{
    text-align: center;
    margin: 0;
}
.page-template-template-coming_soon-php #main{
    padding: 200px 0;
}
.page-template-template-coming_soon-php h1,
.ott-coming-soon h1{
    font-size: 48px;
    color: #fff;
    text-transform: uppercase;
}
.ott-coming-soon .days,
.ott-coming-soon .hours,
.ott-coming-soon .minutes,
.ott-coming-soon .seconds {
    color: #fff;
    font-weight: bold;
    background: #03CDDC;
    width: 94px;
    height: 60px;
    padding: 25px 0;
}
.ott-coming-soon .count {
    font-size: 38px;
    line-height: 1;
}
.ott-coming-soon, .subscribe-container input {
    display: inline-block;
}
.subscribe-container input{
    background: transparent;
    border-color: #fff;
    margin: 0;
    margin-right: 10px;
}
.ott-coming-soon>div{
    float:left;
}
.ott-coming-soon>.sep{
    font-size: 48px;
    padding: 10px 17px;
}
.ott-coming-soon-content {
    width: 700px;
    margin: 20px auto;
}




/* Error 404 */

#error404-container{
    position: relative;    
    margin: 50px 0;
}
h3.error404{
    text-align: left;
    font-weight: bold;
    font-size: 28px;
}
h2.errorh2{
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
}
h3.error404 span{
    color: #03CDDC;
}
.ott-404-error{
    width: auto;
}
.ott-404-search-container{
    position: relative;
    overflow: hidden;
    width: 50%;
}

.ott-404-search-container form{
    margin: 0;
}

.ott-404-search-container form#searchform input{
    margin: 0;
    width: 100%;
    background: transparent;
}
.ott-404-search-container form#searchform i{
    top: 8px;
}

 



/* Light color Scheme */

/* Dark color Scheme */

.dark h3,
.dark a,
.dark p,
.dark .ott-featured-content a,
.dark .ott-featured-box .ott-featured-content p a:hover,
.dark .icon-twitter,
.dark .ott-carousel-twitter ul.jtwt li,
.dark .ott-carousel-twitter ul.jtwt li a,
.dark .twitter-follow,
.dark h2.loop-title a,
.dark ul.loop-meta li span.date,
.dark ul.loop-meta li a,
.dark .ott-featured-content a,
.dark .ott-callout h1,
.dark ul.ott-list,
.dark .ott-milestones-count>.ott-milestones-show>ul,
.dark .ott-filter ul li a:hover,
.dark .ott-filter ul li a.selected,
.dark .ott-carousel-post .carousel-content h3 a,
.dark ul.jtwt li span,
.dark #sidebar aside.widget ul.jtwt li:before,
.dark #footer aside.widget ul.jtwt li:before,
.dark ul.jtwt li:before,
.dark h1.ott-coming-soon-title,
.dark  .ott-milestones-count,
.dark .ott-text-block h3,
.dark .ott-title-container h3
{
    color: #fff;
}
.dark .inner_product{
	background: none repeat scroll 0 0 padding-box #222222;
    border: 1px solid #333333;
}

.dark .ott-filter ul li a{
	border-color:#999;
}

.dark .inf-btn{
	background:#999;	
}

.dark  .onetouch_cart_buttons,
#mainpage  .dark .inner_product_header
{
		border-top-color:#333;
}

.dark ul.jtwt li span a,.dark .tab-content .tab-pane p,.dark .ott-social-icon a{
    color: #aaa;
}
.dark .testimonial-content p,.dark  .testimonial-content p a{
    color: #2f2f2f;
}
.dark h2.loop-title:hover a{
    color: #03CDDC;
}
.dark .ott-title-border{
    background: #fff;
}
.dark .pagination ul>li>a.current,
.dark .pagination ul>li>span.current,
.dark .ott-pagination.pagination ul>li>a,
.dark .ott-pagination.pagination ul>li>span{
    background: transparent;
}
.dark .ott-carousel-partner.list_carousel li,
.dark .ott-carousel-partner .caroufredsel_wrapper,
.dark aside > ul,
.dark #sidebar aside.widget ul li{
    border-color: transparent;
}
.dark .ott-carousel-twitter .carousel-arrow a.carousel-prev,
.dark .ott-carousel-twitter .carousel-arrow a.carousel-next{
    border: 2px solid #fff;
    color: #fff;
}
/* Site Loader */
body section#loading{
    display: none;
}
body.loading section#main{
    opacity: 0;
    height: 0px;
    overflow: hidden;
}
body.loading section#loading{
    display: block;
    width: 100%;
    min-height: 300px;
    background-image:    url("framework/assets/images/loading.gif");
    background-color: #FFF;
    background-position: center;
    background-repeat:   no-repeat;
}
/* Before After */
.twentytwenty-container img{
    width: 100%;
    height: auto;
}
/* Nice Scrolling Fix */

#ascrail2000{
    z-index: 10000 !important;
    background-color: transparent;
    width: 15px!important;
}


/*-------------------------- shaps -------------------------*/

.shap_left, .shap_right, .shap_bottom{
	position:absolute;	
}

.shap_left {
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-top: 12px solid #727f8f;
    bottom: -12px;
    height: 0;
    left: 0;
    width: 0;
}
.shap_right {
    border-right: 11px solid rgba(0, 0, 0, 0);
    border-top: 12px solid #727f8f;
    bottom: -12px;
    height: 0;
    right: 0;
    width: 0;
}
.shap_bottom {
    border-right: 25px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #2A2E33;
    bottom: -20px;
    height: 0;
    right: 0;
    width: 0;
}



.ott-pagination{
	width:100%;
	display:inline-block;	
	
}



.hr-inner {
    border-top-style: solid;
    border-top-width: 1px;
	border-color:#e7e7e7;
    height: 1px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}

.hr-short {
    float: none;
    height: 20px;
    line-height: 20px;
    margin: 0px;
	position:relative;
}
.hr-short .hr-inner {
    left: 50%;
    margin-left: -16%;
    width: 32%;
}
.hr-short.hr-left .hr-inner {
    left: 0;
    margin-left: 0;
}
.hr-short.hr-right .hr-inner {
    left: auto;
    margin-left: 0;
    right: 0;
}
.hr-short .hr-inner-style {
    border-radius: 20px 20px 20px 20px;
    border-style: solid;
    border-width: 2px;
    display: block;
    height: 9px;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    width: 9px;
	background:#fff;
}
.hr-short.hr-left .hr-inner-style {
    left: 5px;
}
.hr-short.hr-right .hr-inner-style {
    left: auto;
    right: 0;
}


.ott-service-icon{
	text-align:center;	
}


/*   ott-text-block */

.ott-text-block   {
}

.ott-text-block.left  {
	text-align:left;
}

.ott-text-block.right  {
	text-align:right;
}
.ott-text-block.center  {
	text-align:center;
}



.ott-text-block  h3{
	font-size: 30px;
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom:0;
    padding: 0;
}

.ott-text-block p.sub-title {
    font-size: 13px;
    line-height: 20px;
    opacity: 0.8;
    padding: 0;
}


.ott-text-block  p {
    font-size: 17px;
    line-height: 1.3em;
    margin: 0 0 1em;
    opacity: 0.8;
    padding: 0;
}

.ott-image-block.left img{
	float:left
}
.ott-image-block.right img{
	float:right
}

.ott-image-block.center img{
	float:none;
	display:inline-block
}
.ott-image-block.center .ott-image-block-wrap{
	text-align:center;
}




/*  process Style */


.ott-process{
	padding:50px 20px;	
	
	text-align:center;
	color:#fff
}

.ott-process h3.process-title{
	color:#fff;	
	font-size:35px;
}

.ott-process .ott-process-box .ott-process-content{
	opacity:0;
	
}
.ott-process .ott-process-box {
	text-align:center;
	margin:10px 0;	
}
.ott-process .ott-process-box .ott-process-icon{
	width:100%;
	height:60px;	
	display:inline-block;
}

.ott-process-icon span{
	width:120px;
	height:120px;
	border:0px  #e7e7e7 solid;
	display:block;
	position:relative;
	margin:0 auto;
	text-align:center;
}
.ott-process-icon i{
	font-size:80px;	
	width:120px;
	height:120px;
	text-align:center;
	display:inline-block;

}
.ott-process-title{
	display:block;	
	margin-top:0px;
	font-size:17px;
	margin-bottom:0px;
}
.ott-process-subtitle{
	font-size:12px;
	font-weight:bold;
	
}

.ott-process-desc{
	padding: 0 70px;
	font-size:17px;
}

.ott-process-box {
	width:20%;
	float:left;	
}



/******* team **************/

.loop-image{
	overflow:hidden	;
		-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.overlay {
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 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;
    z-index: 20;
	
}
.overlay .zoom,  .overlay .details, .overlay .email {

    display: block;
    font-size: 20px;
    font-weight: 800;
    line-height: 52px;
    margin-top: -27px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 80%;
    transform: translateZ(0px);
    z-index: 40;
	
}
.loop-image .overlay .zoom {
    right: 50%;
    transition: top 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}

.zoom i{
    border-radius: 0px;
    color: #FFFFFF;
	border:1px #fff solid;
	width: 35px;
	height: 35px;
	line-height:35px;
	display:block;
	position:relative;
	right:-17px;
	    -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;
	
}

.zoom:hover i{
    background: rgba(0, 0, 0, 0.1);
}
.loop-image:hover .overlay {
    background-color: rgba(226, 79, 61, 0.8);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow:hidden;
}
 .loop-image:hover .overlay .zoom, .loop-image:hover .overlay .emai {
    opacity: 1;
    top: 50%;
}
.loop-image img{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
    -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;
	overflow:hidden
}
.loop-image:hover img{
	transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari and Chrome */
}
.portfolio-inner{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background: none repeat scroll 0 0 padding-box #FFFFFF;
    border: 1px solid #C4CBD4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 20px;
    margin-right: 1px;
    position: relative;
}

.post-inner{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background: none repeat scroll 0 0 padding-box #FFFFFF;
    border: 1px solid #C4CBD4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 20px;
    margin-right: 1px;
    position: relative;
}



.post-inner .loop-image img, .post-inner .loop-image,
.single .loop-image img, .single  .loop-image
 {
	border-radius:0px;	
}

.format-status .loop-media iframe{
	border:0px !important;
	box-shadow:none !important;	
	width:95% !important;
	margin:0 auto !important;
	min-width:200px !important;
}



.fullwidthbanner-container{
	overflow:hidden !important;
		
}

#map{
	height:520px;
	margin-top:60px;	
}
.sf-menu > [class^="icon-"]:before{
	display:none;
}