.clear                                                      { clear:both; }
.clearfix { clear:both; }

/*fonts for author - ryan*/
@font-face { font-family:'Aclonica'; src: url('webfonts/Aclonica.ttf') }
@font-face { font-family:'Arimo-Bold'; src: url('webfonts/Arimo-Bold.ttf') }
@font-face { font-family:'Arimo-BoldItalic'; src: url('webfonts/Arimo-BoldItalic.ttf') }
@font-face { font-family:'Arimo-Italic'; src: url('webfonts/Arimo-Italic.ttf') }
@font-face { font-family:'Arimo-Regular'; src: url('webfonts/Arimo-Regular.ttf') }
@font-face { font-family:'Calligraffitti-Regular'; src: url('webfonts/Calligraffitti-Regular.ttf') }
@font-face { font-family:'CherryCreamSoda'; src: url('webfonts/CherryCreamSoda.ttf') }
@font-face { font-family:'Chewy'; src: url('webfonts/Chewy.ttf') }
@font-face { font-family:'ComingSoon'; src: url('webfonts/ComingSoon.ttf') }
@font-face { font-family:'Cousine-Bold'; src: url('webfonts/Cousine-Bold.ttf') }
@font-face { font-family:'Cousine-BoldItalic'; src: url('webfonts/Cousine-BoldItalic.ttf') }
@font-face { font-family:'Cousine-Italic'; src: url('webfonts/Cousine-Italic.ttf') }
@font-face { font-family:'Cousine-Regular'; src: url('webfonts/Cousine-Regular.ttf') }
@font-face { font-family:'CraftyGirls'; src: url('webfonts/CraftyGirls.ttf') }
@font-face { font-family:'CreepsterCaps-Regular'; src: url('webfonts/CreepsterCaps-Regular.ttf') }
@font-face { font-family:'Crushed'; src: url('webfonts/Crushed.ttf') }
@font-face { font-family:'DroidKufi-Bold'; src: url('webfonts/DroidKufi-Bold.ttf') }
@font-face { font-family:'DroidKufi-Regular'; src: url('webfonts/DroidKufi-Regular.ttf') }
@font-face { font-family:'DroidNaskh-Bold'; src: url('webfonts/DroidNaskh-Bold.ttf') }
@font-face { font-family:'DroidNaskh-Regular'; src: url('webfonts/DroidNaskh-Regular.ttf') }
@font-face { font-family:'DroidSans-Bold'; src: url('webfonts/DroidSans-Bold.ttf') }
@font-face { font-family:'DroidSans'; src: url('webfonts/DroidSans.ttf') }
@font-face { font-family:'DroidSansEthiopic-Bold'; src: url('webfonts/DroidSansEthiopic-Bold.ttf') }
@font-face { font-family:'DroidSansEthiopic-Regular'; src: url('webfonts/DroidSansEthiopic-Regular.ttf') }
@font-face { font-family:'DroidSansJapanese'; src: url('webfonts/DroidSansJapanese.ttf') }
@font-face { font-family:'DroidSansMono'; src: url('webfonts/DroidSansMono.ttf') }
@font-face { font-family:'DroidSansTamil-Bold'; src: url('webfonts/DroidSansTamil-Bold.ttf') }
@font-face { font-family:'DroidSansTamil-Regular'; src: url('webfonts/DroidSansTamil-Regular.ttf') }
@font-face { font-family:'DroidSansThai-Bold'; src: url('webfonts/DroidSansThai-Bold.ttf') }
@font-face { font-family:'DroidSansThai-Regular'; src: url('webfonts/DroidSansThai-Regular.ttf') }
@font-face { font-family:'DroidSerif-Bold'; src: url('webfonts/DroidSerif-Bold.ttf') }
@font-face { font-family:'DroidSerif-BoldItalic'; src: url('webfonts/DroidSerif-BoldItalic.ttf') }
@font-face { font-family:'DroidSerif-Italic'; src: url('webfonts/DroidSerif-Italic.ttf') }
@font-face { font-family:'DroidSerif'; src: url('webfonts/DroidSerif.ttf') }
@font-face { font-family:'DroidSerifThai-Bold'; src: url('webfonts/DroidSerifThai-Bold.ttf') }
@font-face { font-family:'DroidSerifThai-Regular'; src: url('webfonts/DroidSerifThai-Regular.ttf') }
@font-face { font-family:'filenames.txt'; src: url('webfonts/filenames.txt') }
@font-face { font-family:'FontdinerSwanky'; src: url('webfonts/FontdinerSwanky.ttf') }
@font-face { font-family:'HomemadeApple'; src: url('webfonts/HomemadeApple.ttf') }
@font-face { font-family:'IrishGrover'; src: url('webfonts/IrishGrover.ttf') }
@font-face { font-family:'IrishGrowler'; src: url('webfonts/IrishGrowler.ttf') }
@font-face { font-family:'jsMath-cmbx10'; src: url('webfonts/jsMath-cmbx10.ttf') }
@font-face { font-family:'jsMath-cmex10'; src: url('webfonts/jsMath-cmex10.ttf') }
@font-face { font-family:'jsMath-cmmi10'; src: url('webfonts/jsMath-cmmi10.ttf') }
@font-face { font-family:'jsMath-cmr10'; src: url('webfonts/jsMath-cmr10.ttf') }
@font-face { font-family:'jsMath-cmsy10'; src: url('webfonts/jsMath-cmsy10.ttf') }
@font-face { font-family:'jsMath-cmti10'; src: url('webfonts/jsMath-cmti10.ttf') }
@font-face { font-family:'JustAnotherHand'; src: url('webfonts/JustAnotherHand.ttf') }
@font-face { font-family:'Kranky'; src: url('webfonts/Kranky.ttf') }
@font-face { font-family:'LuckiestGuy'; src: url('webfonts/LuckiestGuy.ttf') }
@font-face { font-family:'MaidenOrange'; src: url('webfonts/MaidenOrange.ttf') }
@font-face { font-family:'Montez-Regular'; src: url('webfonts/Montez-Regular.ttf') }
@font-face { font-family:'MountainsofChristmas-Bold'; src: url('webfonts/MountainsofChristmas-Bold.ttf') }
@font-face { font-family:'MountainsofChristmas-Regular'; src: url('webfonts/MountainsofChristmas-Regular.ttf') }
@font-face { font-family:'Nokora-Bold'; src: url('webfonts/Nokora-Bold.ttf') }
@font-face { font-family:'Nokora-Regular'; src: url('webfonts/Nokora-Regular.ttf') }
@font-face { font-family:'NotoKufiArabic-Bold'; src: url('webfonts/NotoKufiArabic-Bold.ttf') }
@font-face { font-family:'NotoKufiArabic-Regular'; src: url('webfonts/NotoKufiArabic-Regular.ttf') }
@font-face { font-family:'NotoNaskhArabic-Bold'; src: url('webfonts/NotoNaskhArabic-Bold.ttf') }
@font-face { font-family:'NotoNaskhArabic-Regular'; src: url('webfonts/NotoNaskhArabic-Regular.ttf') }
@font-face { font-family:'NotoNastaliqUrduDraft'; src: url('webfonts/NotoNastaliqUrduDraft.ttf') }
@font-face { font-family:'NotoSans-Bold'; src: url('webfonts/NotoSans-Bold.ttf') }
@font-face { font-family:'NotoSans-BoldItalic'; src: url('webfonts/NotoSans-BoldItalic.ttf') }
@font-face { font-family:'NotoSans-Italic'; src: url('webfonts/NotoSans-Italic.ttf') }
@font-face { font-family:'NotoSans-Regular'; src: url('webfonts/NotoSans-Regular.ttf') }
@font-face { font-family:'NotoSansArmenian-Bold'; src: url('webfonts/NotoSansArmenian-Bold.ttf') }
@font-face { font-family:'NotoSansArmenian-Regular'; src: url('webfonts/NotoSansArmenian-Regular.ttf') }
@font-face { font-family:'NotoSansAvestan-Regular'; src: url('webfonts/NotoSansAvestan-Regular.ttf') }
@font-face { font-family:'NotoSansBengali-Bold'; src: url('webfonts/NotoSansBengali-Bold.ttf') }
@font-face { font-family:'NotoSansBengali-Regular'; src: url('webfonts/NotoSansBengali-Regular.ttf') }
@font-face { font-family:'NotoSansBrahmi-Regular'; src: url('webfonts/NotoSansBrahmi-Regular.ttf') }
@font-face { font-family:'NotoSansCarian-Regular'; src: url('webfonts/NotoSansCarian-Regular.ttf') }
@font-face { font-family:'NotoSansCham-Bold'; src: url('webfonts/NotoSansCham-Bold.ttf') }
@font-face { font-family:'NotoSansCham-Regular'; src: url('webfonts/NotoSansCham-Regular.ttf') }
@font-face { font-family:'NotoSansCherokee-Regular'; src: url('webfonts/NotoSansCherokee-Regular.ttf') }
@font-face { font-family:'NotoSansCoptic-Regular'; src: url('webfonts/NotoSansCoptic-Regular.ttf') }
@font-face { font-family:'NotoSansCypriotSyllabary-Regular'; src: url('webfonts/NotoSansCypriotSyllabary-Regular.ttf') }
@font-face { font-family:'NotoSansDeseret-Regular'; src: url('webfonts/NotoSansDeseret-Regular.ttf') }
@font-face { font-family:'NotoSansDevanagari-Bold'; src: url('webfonts/NotoSansDevanagari-Bold.ttf') }
@font-face { font-family:'NotoSansDevanagari-Regular'; src: url('webfonts/NotoSansDevanagari-Regular.ttf') }
@font-face { font-family:'NotoSansDevanagariUI-Bold'; src: url('webfonts/NotoSansDevanagariUI-Bold.ttf') }
@font-face { font-family:'NotoSansDevanagariUI-Regular'; src: url('webfonts/NotoSansDevanagariUI-Regular.ttf') }
@font-face { font-family:'NotoSansEgyptianHieroglyphs-Regular'; src: url('webfonts/NotoSansEgyptianHieroglyphs-Regular.ttf') }
@font-face { font-family:'NotoSansEthiopic-Bold'; src: url('webfonts/NotoSansEthiopic-Bold.ttf') }
@font-face { font-family:'NotoSansEthiopic-Regular'; src: url('webfonts/NotoSansEthiopic-Regular.ttf') }
@font-face { font-family:'NotoSansGeorgian-Bold'; src: url('webfonts/NotoSansGeorgian-Bold.ttf') }
@font-face { font-family:'NotoSansGeorgian-Regular'; src: url('webfonts/NotoSansGeorgian-Regular.ttf') }
@font-face { font-family:'NotoSansGujarati-Bold'; src: url('webfonts/NotoSansGujarati-Bold.ttf') }
@font-face { font-family:'NotoSansGujarati-Regular'; src: url('webfonts/NotoSansGujarati-Regular.ttf') }
@font-face { font-family:'NotoSansGujaratiUI-Bold'; src: url('webfonts/NotoSansGujaratiUI-Bold.ttf') }
@font-face { font-family:'NotoSansGujaratiUI-Regular'; src: url('webfonts/NotoSansGujaratiUI-Regular.ttf') }
@font-face { font-family:'NotoSansGurmukhi-Bold'; src: url('webfonts/NotoSansGurmukhi-Bold.ttf') }
@font-face { font-family:'NotoSansGurmukhi-Regular'; src: url('webfonts/NotoSansGurmukhi-Regular.ttf') }
@font-face { font-family:'NotoSansHanunoo-Regular'; src: url('webfonts/NotoSansHanunoo-Regular.ttf') }
@font-face { font-family:'NotoSansHebrew-Bold'; src: url('webfonts/NotoSansHebrew-Bold.ttf') }
@font-face { font-family:'NotoSansHebrew-Regular'; src: url('webfonts/NotoSansHebrew-Regular.ttf') }
@font-face { font-family:'NotoSansImperialAramaic-Regular'; src: url('webfonts/NotoSansImperialAramaic-Regular.ttf') }
@font-face { font-family:'NotoSansKaithi-Regular'; src: url('webfonts/NotoSansKaithi-Regular.ttf') }
@font-face { font-family:'NotoSansKannada-Bold'; src: url('webfonts/NotoSansKannada-Bold.ttf') }
@font-face { font-family:'NotoSansKannada-Regular'; src: url('webfonts/NotoSansKannada-Regular.ttf') }
@font-face { font-family:'NotoSansKayahLi-Regular'; src: url('webfonts/NotoSansKayahLi-Regular.ttf') }
@font-face { font-family:'NotoSansKharoshthi-Regular'; src: url('webfonts/NotoSansKharoshthi-Regular.ttf') }
@font-face { font-family:'NotoSansKhmer-Bold'; src: url('webfonts/NotoSansKhmer-Bold.ttf') }
@font-face { font-family:'NotoSansKhmer-Regular'; src: url('webfonts/NotoSansKhmer-Regular.ttf') }
@font-face { font-family:'NotoSansKufiArabic-Bold'; src: url('webfonts/NotoSansKufiArabic-Bold.ttf') }
@font-face { font-family:'NotoSansKufiArabic-Regular'; src: url('webfonts/NotoSansKufiArabic-Regular.ttf') }
@font-face { font-family:'NotoSansLao-Bold'; src: url('webfonts/NotoSansLao-Bold.ttf') }
@font-face { font-family:'NotoSansLao-Regular'; src: url('webfonts/NotoSansLao-Regular.ttf') }
@font-face { font-family:'NotoSansLaoUI-Bold'; src: url('webfonts/NotoSansLaoUI-Bold.ttf') }
@font-face { font-family:'NotoSansLaoUI-Regular'; src: url('webfonts/NotoSansLaoUI-Regular.ttf') }
@font-face { font-family:'NotoSansLisu-Regular'; src: url('webfonts/NotoSansLisu-Regular.ttf') }
@font-face { font-family:'NotoSansLycian-Regular'; src: url('webfonts/NotoSansLycian-Regular.ttf') }
@font-face { font-family:'NotoSansLydian-Regular'; src: url('webfonts/NotoSansLydian-Regular.ttf') }
@font-face { font-family:'NotoSansMalayalam-Bold'; src: url('webfonts/NotoSansMalayalam-Bold.ttf') }
@font-face { font-family:'NotoSansMalayalam-Regular'; src: url('webfonts/NotoSansMalayalam-Regular.ttf') }
@font-face { font-family:'NotoSansMandaic-Regular'; src: url('webfonts/NotoSansMandaic-Regular.ttf') }
@font-face { font-family:'NotoSansMeeteiMayek-Regular'; src: url('webfonts/NotoSansMeeteiMayek-Regular.ttf') }
@font-face { font-family:'NotoSansMyanmar-Bold'; src: url('webfonts/NotoSansMyanmar-Bold.ttf') }
@font-face { font-family:'NotoSansMyanmar-Regular'; src: url('webfonts/NotoSansMyanmar-Regular.ttf') }
@font-face { font-family:'NotoSansNKo-Regular'; src: url('webfonts/NotoSansNKo-Regular.ttf') }
@font-face { font-family:'NotoSansOldSouthArabian-Regular'; src: url('webfonts/NotoSansOldSouthArabian-Regular.ttf') }
@font-face { font-family:'NotoSansOldTurkic-Regular'; src: url('webfonts/NotoSansOldTurkic-Regular.ttf') }
@font-face { font-family:'NotoSansOsmanya-Regular'; src: url('webfonts/NotoSansOsmanya-Regular.ttf') }
@font-face { font-family:'NotoSansPhoenician-Regular'; src: url('webfonts/NotoSansPhoenician-Regular.ttf') }
@font-face { font-family:'NotoSansShavian-Regular'; src: url('webfonts/NotoSansShavian-Regular.ttf') }
@font-face { font-family:'NotoSansSinhala-Bold'; src: url('webfonts/NotoSansSinhala-Bold.ttf') }
@font-face { font-family:'NotoSansSinhala-Regular'; src: url('webfonts/NotoSansSinhala-Regular.ttf') }
@font-face { font-family:'NotoSansSymbols-Regular'; src: url('webfonts/NotoSansSymbols-Regular.ttf') }
@font-face { font-family:'NotoSansTagalog-Regular'; src: url('webfonts/NotoSansTagalog-Regular.ttf') }
@font-face { font-family:'NotoSansTaiTham-Regular'; src: url('webfonts/NotoSansTaiTham-Regular.ttf') }
@font-face { font-family:'NotoSansTaiViet-Regular'; src: url('webfonts/NotoSansTaiViet-Regular.ttf') }
@font-face { font-family:'NotoSansTamil-Bold'; src: url('webfonts/NotoSansTamil-Bold.ttf') }
@font-face { font-family:'NotoSansTamil-Regular'; src: url('webfonts/NotoSansTamil-Regular.ttf') }
@font-face { font-family:'NotoSansTamilUI-Bold'; src: url('webfonts/NotoSansTamilUI-Bold.ttf') }
@font-face { font-family:'NotoSansTamilUI-Regular'; src: url('webfonts/NotoSansTamilUI-Regular.ttf') }
@font-face { font-family:'NotoSansTelugu-Bold'; src: url('webfonts/NotoSansTelugu-Bold.ttf') }
@font-face { font-family:'NotoSansTelugu-Regular'; src: url('webfonts/NotoSansTelugu-Regular.ttf') }
@font-face { font-family:'NotoSansThai-Bold'; src: url('webfonts/NotoSansThai-Bold.ttf') }
@font-face { font-family:'NotoSansThai-Regular'; src: url('webfonts/NotoSansThai-Regular.ttf') }
@font-face { font-family:'NotoSansThaiUI-Bold'; src: url('webfonts/NotoSansThaiUI-Bold.ttf') }
@font-face { font-family:'NotoSansThaiUI-Regular'; src: url('webfonts/NotoSansThaiUI-Regular.ttf') }
@font-face { font-family:'NotoSansUgaritic-Regular'; src: url('webfonts/NotoSansUgaritic-Regular.ttf') }
@font-face { font-family:'NotoSansUI-Bold'; src: url('webfonts/NotoSansUI-Bold.ttf') }
@font-face { font-family:'NotoSansUI-BoldItalic'; src: url('webfonts/NotoSansUI-BoldItalic.ttf') }
@font-face { font-family:'NotoSansUI-Italic'; src: url('webfonts/NotoSansUI-Italic.ttf') }
@font-face { font-family:'NotoSansUI-Regular'; src: url('webfonts/NotoSansUI-Regular.ttf') }
@font-face { font-family:'NotoSansVai-Regular'; src: url('webfonts/NotoSansVai-Regular.ttf') }
@font-face { font-family:'NotoSerif-Bold'; src: url('webfonts/NotoSerif-Bold.ttf') }
@font-face { font-family:'NotoSerif-BoldItalic'; src: url('webfonts/NotoSerif-BoldItalic.ttf') }
@font-face { font-family:'NotoSerif-Italic'; src: url('webfonts/NotoSerif-Italic.ttf') }
@font-face { font-family:'NotoSerif-Regular'; src: url('webfonts/NotoSerif-Regular.ttf') }
@font-face { font-family:'NotoSerifArmenian-Bold'; src: url('webfonts/NotoSerifArmenian-Bold.ttf') }
@font-face { font-family:'NotoSerifArmenian-Regular'; src: url('webfonts/NotoSerifArmenian-Regular.ttf') }
@font-face { font-family:'NotoSerifGeorgian-Bold'; src: url('webfonts/NotoSerifGeorgian-Bold.ttf') }
@font-face { font-family:'NotoSerifGeorgian-Regular'; src: url('webfonts/NotoSerifGeorgian-Regular.ttf') }
@font-face { font-family:'NotoSerifKhmer-Bold'; src: url('webfonts/NotoSerifKhmer-Bold.ttf') }
@font-face { font-family:'NotoSerifKhmer-Regular'; src: url('webfonts/NotoSerifKhmer-Regular.ttf') }
@font-face { font-family:'NotoSerifLao-Bold'; src: url('webfonts/NotoSerifLao-Bold.ttf') }
@font-face { font-family:'NotoSerifLao-Regular'; src: url('webfonts/NotoSerifLao-Regular.ttf') }
@font-face { font-family:'NotoSerifThai-Bold'; src: url('webfonts/NotoSerifThai-Bold.ttf') }
@font-face { font-family:'NotoSerifThai-Regular'; src: url('webfonts/NotoSerifThai-Regular.ttf') }
@font-face { font-family:'OpenSans-Bold'; src: url('webfonts/OpenSans-Bold.ttf') }
@font-face { font-family:'OpenSans-BoldItalic'; src: url('webfonts/OpenSans-BoldItalic.ttf') }
@font-face { font-family:'OpenSans-CondBold'; src: url('webfonts/OpenSans-CondBold.ttf') }
@font-face { font-family:'OpenSans-CondLight'; src: url('webfonts/OpenSans-CondLight.ttf') }
@font-face { font-family:'OpenSans-CondLightItalic'; src: url('webfonts/OpenSans-CondLightItalic.ttf') }
@font-face { font-family:'OpenSans-ExtraBold'; src: url('webfonts/OpenSans-ExtraBold.ttf') }
@font-face { font-family:'OpenSans-ExtraBoldItalic'; src: url('webfonts/OpenSans-ExtraBoldItalic.ttf') }
@font-face { font-family:'OpenSans-Italic'; src: url('webfonts/OpenSans-Italic.ttf') }
@font-face { font-family:'OpenSans-Light'; src: url('webfonts/OpenSans-Light.ttf') }
@font-face { font-family:'OpenSans-LightItalic'; src: url('webfonts/OpenSans-LightItalic.ttf') }
@font-face { font-family:'OpenSans-Regular'; src: url('webfonts/OpenSans-Regular.ttf') }
@font-face { font-family:'OpenSans-Semibold'; src: url('webfonts/OpenSans-Semibold.ttf') }
@font-face { font-family:'OpenSans-SemiboldItalic'; src: url('webfonts/OpenSans-SemiboldItalic.ttf') }
@font-face { font-family:'OpenSansHebrew-Bold'; src: url('webfonts/OpenSansHebrew-Bold.ttf') }
@font-face { font-family:'OpenSansHebrew-BoldItalic'; src: url('webfonts/OpenSansHebrew-BoldItalic.ttf') }
@font-face { font-family:'OpenSansHebrew-ExtraBold'; src: url('webfonts/OpenSansHebrew-ExtraBold.ttf') }
@font-face { font-family:'OpenSansHebrew-ExtraBoldItalic'; src: url('webfonts/OpenSansHebrew-ExtraBoldItalic.ttf') }
@font-face { font-family:'OpenSansHebrew-Italic'; src: url('webfonts/OpenSansHebrew-Italic.ttf') }
@font-face { font-family:'OpenSansHebrew-Light'; src: url('webfonts/OpenSansHebrew-Light.ttf') }
@font-face { font-family:'OpenSansHebrew-LightItalic'; src: url('webfonts/OpenSansHebrew-LightItalic.ttf') }
@font-face { font-family:'OpenSansHebrew-Regular'; src: url('webfonts/OpenSansHebrew-Regular.ttf') }
@font-face { font-family:'OpenSansHebrewCondensed-Bold'; src: url('webfonts/OpenSansHebrewCondensed-Bold.ttf') }
@font-face { font-family:'OpenSansHebrewCondensed-BoldItalic'; src: url('webfonts/OpenSansHebrewCondensed-BoldItalic.ttf') }
@font-face { font-family:'OpenSansHebrewCondensed-ExtraBold'; src: url('webfonts/OpenSansHebrewCondensed-ExtraBold.ttf') }
@font-face { font-family:'OpenSansHebrewCondensed-ExtraBoldItalic'; src: url('webfonts/OpenSansHebrewCondensed-ExtraBoldItalic.ttf') }
@font-face { font-family:'OpenSansHebrewCondensed-Italic'; src: url('webfonts/OpenSansHebrewCondensed-Italic.ttf') }
@font-face { font-family:'OpenSansHebrewCondensed-Light'; src: url('webfonts/OpenSansHebrewCondensed-Light.ttf') }
@font-face { font-family:'OpenSansHebrewCondensed-LightItalic'; src: url('webfonts/OpenSansHebrewCondensed-LightItalic.ttf') }
@font-face { font-family:'OpenSansHebrewCondensed-Regular'; src: url('webfonts/OpenSansHebrewCondensed-Regular.ttf') }
@font-face { font-family:'PermanentMarker'; src: url('webfonts/PermanentMarker.ttf') }
@font-face { font-family:'Rancho-Regular'; src: url('webfonts/Rancho-Regular.ttf') }
@font-face { font-family:'Redressed'; src: url('webfonts/Redressed.ttf') }
@font-face { font-family:'Roboto-Black'; src: url('webfonts/Roboto-Black.ttf') }
@font-face { font-family:'Roboto-BlackItalic'; src: url('webfonts/Roboto-BlackItalic.ttf') }
@font-face { font-family:'Roboto-Bold'; src: url('webfonts/Roboto-Bold.ttf') }
@font-face { font-family:'Roboto-BoldItalic'; src: url('webfonts/Roboto-BoldItalic.ttf') }
@font-face { font-family:'Roboto-Italic'; src: url('webfonts/Roboto-Italic.ttf') }
@font-face { font-family:'Roboto-Light'; src: url('webfonts/Roboto-Light.ttf') }
@font-face { font-family:'Roboto-LightItalic'; src: url('webfonts/Roboto-LightItalic.ttf') }
@font-face { font-family:'Roboto-Medium'; src: url('webfonts/Roboto-Medium.ttf') }
@font-face { font-family:'Roboto-MediumItalic'; src: url('webfonts/Roboto-MediumItalic.ttf') }
@font-face { font-family:'Roboto-Regular'; src: url('webfonts/Roboto-Regular.ttf') }
@font-face { font-family:'Roboto-Thin'; src: url('webfonts/Roboto-Thin.ttf') }
@font-face { font-family:'Roboto-ThinItalic'; src: url('webfonts/Roboto-ThinItalic.ttf') }
@font-face { font-family:'RobotoCondensed-Bold'; src: url('webfonts/RobotoCondensed-Bold.ttf') }
@font-face { font-family:'RobotoCondensed-BoldItalic'; src: url('webfonts/RobotoCondensed-BoldItalic.ttf') }
@font-face { font-family:'RobotoCondensed-Italic'; src: url('webfonts/RobotoCondensed-Italic.ttf') }
@font-face { font-family:'RobotoCondensed-Light'; src: url('webfonts/RobotoCondensed-Light.ttf') }
@font-face { font-family:'RobotoCondensed-LightItalic'; src: url('webfonts/RobotoCondensed-LightItalic.ttf') }
@font-face { font-family:'RobotoCondensed-Regular'; src: url('webfonts/RobotoCondensed-Regular.ttf') }
@font-face { font-family:'RobotoMono-Bold'; src: url('webfonts/RobotoMono-Bold.ttf') }
@font-face { font-family:'RobotoMono-BoldItalic'; src: url('webfonts/RobotoMono-BoldItalic.ttf') }
@font-face { font-family:'RobotoMono-Italic'; src: url('webfonts/RobotoMono-Italic.ttf') }
@font-face { font-family:'RobotoMono-Light'; src: url('webfonts/RobotoMono-Light.ttf') }
@font-face { font-family:'RobotoMono-LightItalic'; src: url('webfonts/RobotoMono-LightItalic.ttf') }
@font-face { font-family:'RobotoMono-Medium'; src: url('webfonts/RobotoMono-Medium.ttf') }
@font-face { font-family:'RobotoMono-MediumItalic'; src: url('webfonts/RobotoMono-MediumItalic.ttf') }
@font-face { font-family:'RobotoMono-Regular'; src: url('webfonts/RobotoMono-Regular.ttf') }
@font-face { font-family:'RobotoMono-Thin'; src: url('webfonts/RobotoMono-Thin.ttf') }
@font-face { font-family:'RobotoMono-ThinItalic'; src: url('webfonts/RobotoMono-ThinItalic.ttf') }
@font-face { font-family:'RobotoSlab-Bold'; src: url('webfonts/RobotoSlab-Bold.ttf') }
@font-face { font-family:'RobotoSlab-Light'; src: url('webfonts/RobotoSlab-Light.ttf') }
@font-face { font-family:'RobotoSlab-Regular'; src: url('webfonts/RobotoSlab-Regular.ttf') }
@font-face { font-family:'RobotoSlab-Thin'; src: url('webfonts/RobotoSlab-Thin.ttf') }
@font-face { font-family:'Rochester-Regular'; src: url('webfonts/Rochester-Regular.ttf') }
@font-face { font-family:'RockSalt'; src: url('webfonts/RockSalt.ttf') }
@font-face { font-family:'Satisfy-Regular'; src: url('webfonts/Satisfy-Regular.ttf') }
@font-face { font-family:'Schoolbell'; src: url('webfonts/Schoolbell.ttf') }
@font-face { font-family:'Slackey'; src: url('webfonts/Slackey.ttf') }
@font-face { font-family:'Smokum-Regular'; src: url('webfonts/Smokum-Regular.ttf') }
@font-face { font-family:'SpecialElite'; src: url('webfonts/SpecialElite.ttf') }
@font-face { font-family:'Sunshiney'; src: url('webfonts/Sunshiney.ttf') }
@font-face { font-family:'Syncopate-Bold'; src: url('webfonts/Syncopate-Bold.ttf') }
@font-face { font-family:'Syncopate-Regular'; src: url('webfonts/Syncopate-Regular.ttf') }
@font-face { font-family:'Tinos-Bold'; src: url('webfonts/Tinos-Bold.ttf') }
@font-face { font-family:'Tinos-BoldItalic'; src: url('webfonts/Tinos-BoldItalic.ttf') }
@font-face { font-family:'Tinos-Italic'; src: url('webfonts/Tinos-Italic.ttf') }
@font-face { font-family:'Tinos-Regular'; src: url('webfonts/Tinos-Regular.ttf') }
@font-face { font-family:'Ultra'; src: url('webfonts/Ultra.ttf') }
@font-face { font-family:'Unkempt-Bold'; src: url('webfonts/Unkempt-Bold.ttf') }
@font-face { font-family:'Unkempt-Regular'; src: url('webfonts/Unkempt-Regular.ttf') }
@font-face { font-family:'WalterTurncoat'; src: url('webfonts/WalterTurncoat.ttf') }
@font-face { font-family:'Yellowtail-Regular'; src: url('webfonts/Yellowtail-Regular.ttf') }
.carousel_holder .carousel_button { transition-delay:0; transition:0; background-size:auto; border-width:0; border-style:none;  } .carousel_holder .carousel_button:hover { transition-delay:0; transition:0; cursor:default; background-size:auto;  }
.verticalTab { color:#ffffff; transition-delay:0; transition:0; background-size:auto; border-width:1px; border-style:solid; border-color:#eb0303;  } .verticalTab:hover { transition-delay:0; transition:0; cursor:default; background-size:auto;  }
.verticalTab .tabs-titles li { color:#ff0000; transition-delay:0; transition:0; background-size:auto; border-width:0; border-style:none;  } .verticalTab .tabs-titles li:hover { transition-delay:0; transition:0; cursor:default; background-size:auto;  }
.canvasPlace div {  } .canvasPlace div:hover {  }
.container-logo {margin-left: 30px; margin-top: 25px; } .container-logo:hover {  }
.container-header { transition-delay:0; transition:0; background-size:auto; background-color:#bf2e1a; border-width:0; border-style:none;  } .container-header:hover { transition-delay:0; transition:0; cursor:default; background-size:auto;  }
.container-footer { transition-delay:0; transition:0; background-size:auto; background-color:#bf2e1a; border-width:0; border-style:none;  } .container-footer:hover { transition-delay:0; transition:0; cursor:default; background-size:auto;  }

.canvasPlace a {  } .canvasPlace a:hover {  }
.canvasPlace h1 {  } .canvasPlace h1:hover {  }
.canvasPlace h2 {  } .canvasPlace h2:hover {  }
.canvasPlace h3 {  } .canvasPlace h3:hover {  }
.canvasPlace h4 {  } .canvasPlace h4:hover {  }
.canvasPlace small {  } .canvasPlace small:hover {  }
.canvasPlace big {  } .canvasPlace big:hover {  }
.canvasPlace strong {  } .canvasPlace strong:hover {  }
.canvasPlace button, .canvasPlace input[type='button'], .canvasPlace .btn {  } .canvasPlace button:hover, .canvasPlace input[type='button']:hover, .canvasPlace .btn:hover {  }
.container-progress {  } .container-progress:hover {  }
.container-progressbar {  } .container-progressbar:hover {  }
.resourceContent {background-color: rgb(255, 255, 255);box-shadow: 0px 1px 12.35px 0.65px rgba(0, 0, 0, 0.4); overflow-x:hidden;}
.resourceContent:hover {  }
.resourceHeader  {  } .resourceHeader :hover {  }
.container-button { transition-delay:0; transition:0; background-size:auto; border-width:0; border-style:none;  } .container-button:hover { transition-delay:0; transition:0; cursor:default; background-size:auto;  }
.container-logo {  } .container-logo:hover {  }
.resourceContent {  } .resourceContent:hover {  }
.resourceContent .sortable-content[is-modal='true'] {
       width:800px!important;
       height:auto!important;
       left:50%!important; border-radius: 1em 1em;

top:35%!important;
       margin-left:-400px!important;
}
.authorButton{background-color: rgb(191, 49, 26)!important; margin:10px; float:right;}

.resourceContent{border-radius: 1em 1em;}

#slideMenu{overflow:auto;}

.quiz_background_color {
    background: #00919B;
    color: white;
}

/*.quiz_header {
    color: rgb(255, 255, 255);
    padding: 35px 25px 25px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    opacity: 0.95;
    margin-bottom: 20px;
    margin-right:200px;
    float:right;
    padding:20px!important;
}

.quiz_body {
    width: 930px;
    margin: 10px 0 10px 0;
    float: left;
    background: rgba(255,255,255,0.9);
    box-shadow:2px 2px 10px #666;
    color: #222;
    padding: 10px 20px;

}*/


.quiz_header {
    color: rgb(255, 255, 255);
    padding: 35px 25px 25px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    opacity: 0.95;
    margin-bottom: 30px;
    padding:0!important;
}

.quiz_body {
    height: 410px;
    width: 100%;
    margin: 10px 0;
    float: none;
    background: rgba(90,199,214,0.9);
    box-shadow: 2px 2px 10px #666;
    color: #1f1f1f;
    padding: 20px;
    border-radius: 1em;

}




.quiz_question {
    width: 100%;
	float: left;
}
.quiz_question_text {
    float:left;
    width: 580px;
    font-size: 16px;
    font-weight: bold;
    color: #1f1f1f;
    padding: 10px 0;
}
.quiz_question_options {
    width:235px;
    float:right;
}

.quiz_question_button_50.selected {
    background: #ef714a;
    border: 3px solid #ffffff;
    width: 100px;
    float: left;
    padding: 5px;
    color: white;
    margin: 0 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.quiz_question_button_50 {
    background: white;
    border: 3px solid #ffffff;
    width: 100px;
    float: left;
    padding: 5px;
    color: #ad2808;
    margin: 0 5px;
    font-size: 16px;
    font-weight: bold;
    text-align:center;
    cursor: pointer;
}
.quiz_submit {
    background: #ad2808;
    border: 3px solid #ffffff;
    width: 100px;
    float: right;
    padding: 5px;
    color: white;
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
}

.quiz_showafter {
    display: none;
}
.quiz_feedback {
    opacity: 1;
    background-color: #5ac7d6;
    position: absolute;
    margin-bottom: 35px;
    margin-top: 111px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 55px !important;
    z-index: 9999999;
    display: none;
    font-size: 16px;
    overflow-y: auto;
    background-image: url('../images/table.jpg');
    background-repeat: no-repeat;
    background-position-x: 265px;
    background-position-y: 81px;
    background-size: 666px;
}
.feedback_text{
    bottom:0;
}
.close-button {
    background: #ad2808;
    color: white;
    font-size: 18px;
    left: 797px;
    border: 2px solid white;
    border-radius: 12px;
    position: relative;
    margin-top: 10px;
}
.close-:hover {
    background: rgb(0, 163, 173);
    color: white;
    border: none;
    font-size: 18px;
}
.correct-feedback-answer {
    border-left: 10px solid green;
    padding: 0 10px;
    margin: 20px 0;
}

.correct-feedback-answer span {
    color: black;
    font-weight: bold;
    font-size: 18px;
	position: inherit;




}

.incorrect-feedback-answer {
    border-left: 10px solid darkred;
    padding: 0 10px;
    margin: 20px 0;
}

.incorrect-feedback-answer span {
    color: black;
    font-weight: bold;
    font-size: 18px;
	position: inherit;
}



/* Drag and Drop */
p.pink{
    color:#CF0072;
    font-weight:bold;
}


.quiz_body.dnd {
    float:none;
    width: 100%;
    box-shadow:none;
    margin: 10px 0 10px 0;
    color: #222;
    padding: 10px 20px;
}

.drag-drop-question {
    display: none;
   text-align: center;
}

.drag-drop-question:first-child {
    display: block;
}

.drag-drop-draggable {
    background: url('../images/drag-icon.png') no-repeat;
    width: 171px;
    height:174px;
    cursor:pointer;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float:left;
}

.drag-drop-dropzone {
    background: #CF0072 url('../images/dropzone.png') no-repeat;
    width: 300px;
    height:77px;
    display: inline-block;
    color: white;
    margin: 20px 55px 40px 5px;
    padding:20px;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
}

.no-mr{
    margin-right:0;
}

.drag-drop-statements {
    border: solid 3px hsl(0, 0%, 20%);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    margin-left: 210px;
    padding: 30px 10px;
    text-align: left;
    min-height: 170px;
}

.drag-drop-statements ul li{
    margin-bottom: 15px;
}
.drag-drop-statements ul li:last-child{
    margin-bottom:0;
}


@media screen and (max-width:1199px) {
    .drag-drop-dropzone {
        width: 270px;
        margin: 20px 6px 40px 5px;
    }
}

@media screen and (max-width:991px) {
    .drag-drop-dropzone {
        display: block;
        margin: 20px auto;
    }
}

h2 {
   margin-top: 0px!important;
}
.container-logo
{margin-left: 30px;
    margin-top: 6px;}

.resourceHeader{margin-top:40px;}
.resourceContent {min-height:600px;}